style(NavigationTab, Tab): add active styling

momentum-design · Sep 17, 2024 · f8fe4e3 · f8fe4e3
1 parent 04e3258
commit f8fe4e3
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/src/components/NavigationTab/NavigationTab.style.scss b/src/components/NavigationTab/NavigationTab.style.scss
@@ -45,6 +45,11 @@
   &[data-active='true'] {
     background-color: var(--mds-color-theme-button-secondary-pressed);
 
+    @media (forced-colors: active) {
+      background-color: SelectedItem;
+      color: SelectedItemText;
+    }
+
     > .md-navigation-tab-icon > * {
       color: var(--mds-color-theme-text-primary-normal);
     }

diff --git a/src/components/Tab/Tab.style.scss b/src/components/Tab/Tab.style.scss
@@ -47,6 +47,11 @@
   &[data-active='true'] {
     background-color: var(--mds-color-theme-button-secondary-active-normal);
 
+    @media (forced-colors: active) {
+      background-color: SelectedItem;
+      color: SelectedItemText;
+    }
+
     .md-text-wrapper,
     .md-icon-wrapper {
       color: var(--mds-color-theme-text-secondary-normal);