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
primer · Jan 20, 2022 · 74d0438 · 74d0438
1 parent d1adf59
commit 74d0438
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/.changeset/seven-dolls-explain.md 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
@@ -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;
+  }
+}