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

diff --git a/scss/_list-group.scss b/scss/_list-group.scss
index fd42cec3ae9b19028e111164e6f5bd486539e5ee..455531eec0aae02ff4b174e0cf1cf2f7d5db61f7 100644 (file)
--- a/scss/_list-group.scss
+++ b/scss/_list-group.scss
@@ -182,7 +182,7 @@
 
 @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);
@@ -190,8 +190,8 @@
     --#{$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