diff --git a/projects/igniteui-angular/chips/src/chips/themes/_base.scss b/projects/igniteui-angular/chips/src/chips/themes/_base.scss
index 5d394290698..f2f953cbb35 100644
--- a/projects/igniteui-angular/chips/src/chips/themes/_base.scss
+++ b/projects/igniteui-angular/chips/src/chips/themes/_base.scss
@@ -495,7 +495,7 @@ $_theme: digest-schema($material-chip);
             position: absolute;
             box-shadow: var-get($_theme, 'ghost-elevation');
             overflow: hidden;
-            color: var-get($_theme, 'focus-text-color');
+            color: var-get($_theme, 'ghost-text-color');
             // The ghost is cloned into <body>, where an unlayered host/reset rule
             // (e.g. `body > * { height: 100% }`) outranks these layered styles and
             // stretches it. `!important` keeps the ghost at its intended row height
diff --git a/projects/igniteui-angular/combo/src/combo/themes/_base.scss b/projects/igniteui-angular/combo/src/combo/themes/_base.scss
index e20bc65e1ae..1bed763abce 100644
--- a/projects/igniteui-angular/combo/src/combo/themes/_base.scss
+++ b/projects/igniteui-angular/combo/src/combo/themes/_base.scss
@@ -43,18 +43,18 @@ $theme: digest-schema($light-combo);
         @include e(case-icon) {
             cursor: pointer;
 
-            color: color($color: 'gray', $variant: 600);
+            color: var-get($theme, 'case-icon-color');
             background: transparent;
 
             .igx-icon--inactive {
-                --ig-icon-disabled-color: #{color($color: 'gray', $variant: 600)};
+                --ig-icon-disabled-color: #{var-get($theme, 'case-icon-color')};
 
                 opacity: 1;
             }
         }
 
         @include e(case-icon, $m: 'active') {
-            color: color($color: 'primary')
+            color: var-get($theme, 'case-icon-color-active');
         }
 
         @include e(content) {
diff --git a/projects/igniteui-angular/core/src/core/styles/components/rating/_rating-theme.scss b/projects/igniteui-angular/core/src/core/styles/components/rating/_rating-theme.scss
index ffc4fac67f4..dbd9fbbeef9 100644
--- a/projects/igniteui-angular/core/src/core/styles/components/rating/_rating-theme.scss
+++ b/projects/igniteui-angular/core/src/core/styles/components/rating/_rating-theme.scss
@@ -17,11 +17,14 @@
             color: var-get($theme, 'value-label');
         }
 
-        igc-rating[disabled]::part(label),
-        igc-rating[disabled]::part(value-label) {
+        igc-rating[disabled]::part(label) {
             color: var-get($theme, 'disabled-label-color');
         }
 
+        igc-rating[disabled]::part(value-label) {
+            color: var-get($theme, 'disabled-value-label');
+        }
+
         igc-rating[disabled] {
             --symbol-empty-color: #{var-get(
                     $theme,
diff --git a/projects/igniteui-angular/input-group/src/input-group/themes/_base.scss b/projects/igniteui-angular/input-group/src/input-group/themes/_base.scss
index 4c8804001dc..cbd18247eb4 100644
--- a/projects/igniteui-angular/input-group/src/input-group/themes/_base.scss
+++ b/projects/igniteui-angular/input-group/src/input-group/themes/_base.scss
@@ -466,6 +466,10 @@ $transition-timing: .25s $out-cubic;
                 color: var(--clear-button-foreground);
                 background: var(--clear-button-background);
             }
+
+            @include e(label) {
+                color: var-get($theme, 'filled-secondary-color');
+            }
         }
 
         @include m(focused) {