From 49d4268fa0d239a7c0975a7f69964290e95b4f60 Mon Sep 17 00:00:00 2001 From: Kham Udom Date: Tue, 18 May 2021 14:26:16 -0700 Subject: [PATCH 1/2] add active state on accent button for high contrast --- packages/web-components/src/styles/patterns/button.ts | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/web-components/src/styles/patterns/button.ts b/packages/web-components/src/styles/patterns/button.ts index e90a82dbbadf3d..8f0ae89068a5ef 100644 --- a/packages/web-components/src/styles/patterns/button.ts +++ b/packages/web-components/src/styles/patterns/button.ts @@ -203,7 +203,8 @@ export const AccentButtonStyles = css` color: ${SystemColors.HighlightText}; } - :host([appearance="accent"]) .control:hover { + :host([appearance="accent"]) .control:hover, + :host([appearance="accent"]:active) .control:active { background: ${SystemColors.HighlightText}; border-color: ${SystemColors.Highlight}; color: ${SystemColors.Highlight}; From 23fcf7b5d883199b5bdf39c5e5eb33fbdcc5dd23 Mon Sep 17 00:00:00 2001 From: Kham Udom Date: Tue, 18 May 2021 14:32:35 -0700 Subject: [PATCH 2/2] Change files --- ...eb-components-188e5592-2326-4e9c-99b5-38b5f81bac7f.json | 7 +++++++ 1 file changed, 7 insertions(+) create mode 100644 change/@fluentui-web-components-188e5592-2326-4e9c-99b5-38b5f81bac7f.json diff --git a/change/@fluentui-web-components-188e5592-2326-4e9c-99b5-38b5f81bac7f.json b/change/@fluentui-web-components-188e5592-2326-4e9c-99b5-38b5f81bac7f.json new file mode 100644 index 00000000000000..407bac6e2f85d0 --- /dev/null +++ b/change/@fluentui-web-components-188e5592-2326-4e9c-99b5-38b5f81bac7f.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "add active state on accent button for high contrast", + "packageName": "@fluentui/web-components", + "email": "khamu@microsoft.com", + "dependentChangeType": "patch" +}