fix: adding back side-nav style fix

carbon-design-system · Nov 18, 2024 · d21fc82 · d21fc82
1 parent 8a53bf3
commit d21fc82
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/packages/react/src/components/SideNav/_side-nav.scss b/packages/react/src/components/SideNav/_side-nav.scss
@@ -159,6 +159,14 @@ $hoverBgColor: #2c2c2c;
     // stylelint-disable-next-line declaration-property-unit-disallowed-list
     transition: width $duration-fast-01 motion(entrance, productive) 300ms;
   }
+  // need to override the carbon-components new aria-current page because it's assuming a white theme
+  & a.#{$prefix}--side-nav__link[aria-current='page'] {
+    background-color: $gray-70;
+
+    .#{$prefix}--side-nav__link-text {
+      color: $ui-02;
+    }
+  }
 }
 
 html[dir='rtl'] {