feat: Show selected and disabled Tabs in forced colors mode (#1517)

Co-authored-by: Vincent Smedinga <[email protected]>
Amsterdam · Aug 24, 2024 · 339bd1e · 339bd1e
1 parent 274a916
commit 339bd1e
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/packages/css/src/components/tabs/tabs.scss b/packages/css/src/components/tabs/tabs.scss
@@ -38,6 +38,10 @@
   &:disabled {
     color: var(--ams-tabs-button-disabled-color);
     cursor: var(--ams-tab-button-disabled-cursor);
+
+    @media (forced-colors: active) {
+      color: GrayText;
+    }
   }
 
   &:hover:not([aria-selected="true"], [disabled]) {
@@ -48,5 +52,9 @@
   &[aria-selected="true"] {
     background-color: var(--ams-tabs-button-selected-background-color);
     color: var(--ams-tabs-button-selected-color);
+
+    @media (forced-colors: active) {
+      background-color: SelectedItem;
+    }
   }
 }