fix(icon): add media query style for WHCM (#689)

* fix(icon): add media query style for Windows High Contrast Mode * chore: add changeset
ithaka · Feb 22, 2024 · 99879a1 · 99879a1
1 parent 2dbcf46
commit 99879a1
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/.changeset/gold-seas-end.md b/.changeset/gold-seas-end.md
@@ -0,0 +1,5 @@
+---
+'@ithaka/pharos': minor
+---
+
+Added media query for icons to appear on Windows High Contrast Mode
diff --git a/packages/pharos/src/components/icon/pharos-icon.scss b/packages/pharos/src/components/icon/pharos-icon.scss
@@ -6,3 +6,10 @@
 .icon {
   display: block;
 }
+
+@media screen and (forced-colors: active) {
+  .icon {
+    fill: currentcolor;
+    stroke: currentcolor;
+  }
+}