Merge pull request #651 from IgniteUI/ESShared/XPlaform_examples_igniteui-xplat-examples-output+PRs_2024.9.13.1

Changes from igniteui-xplat-examples-output+PRs_2024.9.13.1

Author: dkamburov

Diff for: samples/grids/grid/groupby-styling/src/index.css

@@ -2,12 +2,20 @@
 /* https://static.infragistics.com/xplatform/css/samples */
 
 #grid {
-    --ig-grid-group-row-background: #969799;
-    --ig-grid-group-row-selected-background: #969799;
-    --ig-grid-group-label-column-name-text: #f8f8f8;
-    --ig-grid-group-label-text: #f8f8f8;
-    --ig-grid-group-count-text-color: #222;
-    --ig-grid-expand-icon-color: #f8f8f8;
-    --ig-grid-expand-icon-hover-color: #f8f8f8;
+    --ig-chip-text-color: rgb(248, 248, 248);
+    --ig-chip-hover-text-color: rgb(225, 225, 225);
+    --ig-chip-background: rgb(73, 73, 73);
+    --ig-chip-hover-background: rgb(56, 56, 56);
+    --ig-chip-focus-background: rgb(223, 181, 13);
+    --ig-chip-selected-background: rgb(223, 181, 13);
+    --ig-chip-focus-selected-background: rgb(223, 181, 13);
+    --ig-grid-group-row-background: rgb(73, 73, 73);
+    --ig-grid-group-row-selected-background: rgb(56, 56, 56);
+    --ig-grid-group-label-column-name-text: rgb(248, 248, 248);
+    --ig-grid-group-label-text: rgb(248, 248, 248);
+    --ig-grid-group-count-background: rgb(255, 205, 15);
+    --ig-grid-group-count-text-color: rgb(34, 34, 34);
+    --ig-grid-expand-icon-color: rgb(255, 205, 15);
+    --ig-grid-expand-icon-hover-color: rgb(223, 181, 13);
 }