From 6031892039264c6496f2866a50446ba7c2fd83e3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ji=C5=99=C3=AD=20Vyhn=C3=A1lek?= Date: Fri, 9 Jun 2023 11:12:40 +0200 Subject: [PATCH 1/2] fix: Outline color now respects OS force colors settings --- .../src/themes/teams/getBorderFocusStyles.ts | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/packages/fluentui/react-northstar/src/themes/teams/getBorderFocusStyles.ts b/packages/fluentui/react-northstar/src/themes/teams/getBorderFocusStyles.ts index d2b36727437983..ced9ac9a7dc180 100644 --- a/packages/fluentui/react-northstar/src/themes/teams/getBorderFocusStyles.ts +++ b/packages/fluentui/react-northstar/src/themes/teams/getBorderFocusStyles.ts @@ -90,6 +90,14 @@ export const getBorderFocusStyles = (args: BorderFocusStyles): Record<':focus' | ? `-${focusInnerBorderWidth}` : `calc(0px - ${borderPaddingRight} - ${focusInnerBorderWidth})`, }, + '@media(forced-colors: active)': { + ':before': { + borderColor: 'Highlight', + }, + ':after': { + borderColor: 'Highlight', + }, + }, }, }; }; From fb13fb6b10527fb661a8f456ddaa221b06efa16a Mon Sep 17 00:00:00 2001 From: Juraj Kapsiar Date: Sun, 11 Jun 2023 21:10:39 -0700 Subject: [PATCH 2/2] changelog --- packages/fluentui/CHANGELOG.md | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/fluentui/CHANGELOG.md b/packages/fluentui/CHANGELOG.md index dd07189e7c946f..4eabbcc299dd32 100644 --- a/packages/fluentui/CHANGELOG.md +++ b/packages/fluentui/CHANGELOG.md @@ -20,6 +20,7 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm ### Fixes - `Datepicker`: add onCalendarOpenStateChange prop. @jurokapsiar ([#28136](https://github.com/microsoft/fluentui/pull/28136)) +- Outline color now respects OS force colors settings. @george-cz ([#28182](https://github.com/microsoft/fluentui/pull/28182)) ## [v0.66.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-northstar_v0.66.4) (2023-03-10)