fix(nav, nav-disclosure): add fallback background-color for selected (V…

…IV-1966) (#1876)
Vonage · Aug 9, 2024 · 9a8f769 · 9a8f769
1 parent d731670
commit 9a8f769
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/libs/components/src/lib/nav-disclosure/nav-disclosure.scss b/libs/components/src/lib/nav-disclosure/nav-disclosure.scss
@@ -58,6 +58,12 @@
 
 	&[aria-current] {
 		color: var(#{appearance.get-appearance-token(text)});
+
+		@supports not (
+			color: color-mix(in srgb, var(--one-color), var(--second-color))
+		) {
+			background-color: var(#{connotation.get-connotation-token(primary)});
+		}
 	}
 
 	&:not([aria-current]) {

diff --git a/libs/components/src/lib/nav-item/nav-item.scss b/libs/components/src/lib/nav-item/nav-item.scss
@@ -41,6 +41,12 @@
 
 	&[aria-current] {
 		color: var(#{appearance.get-appearance-token(text)});
+
+		@supports not (
+			color: color-mix(in srgb, var(--one-color), var(--second-color))
+		) {
+			background-color: var(#{connotation.get-connotation-token(primary)});
+		}
 	}
 
 	&:not([aria-current]) {