Fix list group colors by using *-text-emphasis CSS vars in Sass loop (

#38008)
twbs · Feb 6, 2023 · cbc4e3a · cbc4e3a
1 parent af60065
commit cbc4e3a
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/scss/_list-group.scss b/scss/_list-group.scss
@@ -182,16 +182,16 @@
 
 @each $state in map-keys($theme-colors) {
   .list-group-item-#{$state} {
-    --#{$prefix}list-group-color: var(--#{$prefix}#{$state}-text);
+    --#{$prefix}list-group-color: var(--#{$prefix}#{$state}-text-emphasis);
     --#{$prefix}list-group-bg: var(--#{$prefix}#{$state}-bg-subtle);
     --#{$prefix}list-group-border-color: var(--#{$prefix}#{$state}-border-subtle);
     --#{$prefix}list-group-action-hover-color: var(--#{$prefix}emphasis-color);
     --#{$prefix}list-group-action-hover-bg: var(--#{$prefix}#{$state}-border-subtle);
     --#{$prefix}list-group-action-active-color: var(--#{$prefix}emphasis-color);
     --#{$prefix}list-group-action-active-bg: var(--#{$prefix}#{$state}-border-subtle);
     --#{$prefix}list-group-active-color: var(--#{$prefix}#{$state}-bg-subtle);
-    --#{$prefix}list-group-active-bg: var(--#{$prefix}#{$state}-text);
-    --#{$prefix}list-group-active-border-color: var(--#{$prefix}#{$state}-text);
+    --#{$prefix}list-group-active-bg: var(--#{$prefix}#{$state}-text-emphasis);
+    --#{$prefix}list-group-active-border-color: var(--#{$prefix}#{$state}-text-emphasis);
   }
 }
 // scss-docs-end list-group-modifiers