fix(grid): count badge doesn't respect colors (#12886)

simeonoff · web-flow · commit b468f964e412 · 2023-04-11T10:56:49.000+03:00
Closes #12844
diff --git a/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss
@@ -2163,9 +2163,10 @@
     }
 
     %igx-group-label__count-badge {
-        > div {
-            background: var-get($theme, 'group-count-background');
-            color: var-get($theme, 'group-count-text-color');
+        --background-color: #{var-get($theme, 'group-count-background')};
+        --text-color: #{var-get($theme, 'group-count-text-color')};
+
+        > span {
             font-size: $grid-head-fs;
         }
     }

Original file line number	Diff line number	Diff line change
`@@ -2163,9 +2163,10 @@`
`2163`	`2163`	`}`
`2164`	`2164`
`2165`	`2165`	`%igx-group-label__count-badge {`
`2166`		`- > div {`
`2167`		`- background: var-get($theme, 'group-count-background');`
`2168`		`- color: var-get($theme, 'group-count-text-color');`
	`2166`	`+ --background-color: #{var-get($theme, 'group-count-background')};`
	`2167`	`+ --text-color: #{var-get($theme, 'group-count-text-color')};`
	`2168`	`+`
	`2169`	`+ > span {`
`2169`	`2170`	`font-size: $grid-head-fs;`
`2170`	`2171`	`}`
`2171`	`2172`	`}`