fix(a11y): add stackblitz button styling for high contrast theming (#…

…3213) * add forced colors to fix theming in high contrast * remove important rule
microsoftgraph · Jun 13, 2024 · cb7621a · cb7621a
1 parent 7932f55
commit cb7621a
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/.storybook/addons/codeEditorAddon/editor.js b/.storybook/addons/codeEditorAddon/editor.js
@@ -53,6 +53,21 @@ export class EditorElement extends LitElement {
 
       .tab-right {
         float: right;
+        @media (forced-colors: active) and (prefers-color-scheme: dark) {
+          svg,
+          svg>path {
+            fill: rgb(255, 255, 255);
+            color: rgb(255, 255, 255);
+          }
+        }
+
+        @media (forced-colors: active) and (prefers-color-scheme: light) {
+          svg,
+          svg>path {
+            fill: rgb(0, 0, 0);
+            color: rgb(0, 0, 0);
+          }
+        }
       }
 
       .tab[aria-selected='true'] {