From 74d0438bd4dbaed447b553c5d3c8b945da282836 Mon Sep 17 00:00:00 2001 From: Andri Alexandrou Date: Thu, 20 Jan 2022 04:07:30 +0200 Subject: [PATCH] Add 2 color definitions for Windows High Contrast mode (#1890) * Add 2 color definitions for Windows High Contrast mode * Adds changeset * stylelint rule * adds back comment --- .changeset/seven-dolls-explain.md | 5 +++++ src/color-modes/native.scss | 11 +++++++++++ 2 files changed, 16 insertions(+) create mode 100644 .changeset/seven-dolls-explain.md diff --git a/.changeset/seven-dolls-explain.md b/.changeset/seven-dolls-explain.md new file mode 100644 index 0000000000..35df66c63e --- /dev/null +++ b/.changeset/seven-dolls-explain.md @@ -0,0 +1,5 @@ +--- +"@primer/css": patch +--- + +Adds --color-accent-emphasis and --color-fg-on-emphasis rules for Windows High Contrast Mode diff --git a/src/color-modes/native.scss b/src/color-modes/native.scss index 2bc1c8be63..8b8d5ee0d4 100644 --- a/src/color-modes/native.scss +++ b/src/color-modes/native.scss @@ -9,3 +9,14 @@ color: var(--color-fg-default); background-color: var(--color-canvas-default); } + +// Windows High Contrast mode + +// Improves focus state for various components when Windows High Contrast mode is enabled +// stylelint-disable selector-max-type +@media (forced-colors: active) { + body { + --color-accent-emphasis: Highlight; + --color-fg-on-emphasis: LinkText; + } +}