fix(*): themes

Author: simeonoff

projects/igniteui-angular/src/lib/core/styles/components/grid-summary/_grid-summary-theme.scss

@@ -46,6 +46,7 @@
     $label-hover-color: null
 ) {
     $name: 'igx-grid-summary';
+    $selector: '.igx-grid-summary';
     $grid-summary-schema: ();
 
     @if map-has-key($schema, $name) {
@@ -70,6 +71,7 @@
 
     @return extend($theme, (
         name: $name,
+        selector: $selector,
         palette: $palette,
         background-color: $background-color,
         focus-background-color: $focus-background-color,

projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss

@@ -1035,7 +1035,14 @@
         }
 
         &%igx-grid__tr--ghost {
+            @include igx-css-vars((
+                name: 'igx-grid-row',
+                row-ghost-background: map-get($theme, 'row-ghost-background'),
+                row-drag-color: map-get($theme, 'row-drago-color')
+            ));
+
             background: --var($theme, 'row-ghost-background');
+            color: --var($theme, 'row-drag-color');
             z-index: 1;
         }
     }

projects/igniteui-angular/src/lib/slider/slider.component.ts

@@ -1285,7 +1285,7 @@ export class IgxSliderComponent implements
         }
 
         const renderCallbackExecution = !this.continuous ? this.generateTickMarks(
-            isIE() ? 'white' : 'var(--igx-slider-track-step-color, white)', interval) : null;
+            isIE() ? 'white' : 'var(--igx-slider-track-step-color, var(--track-step-color, white))', interval) : null;
         this.renderer.setStyle(this.ticks.nativeElement, 'background', renderCallbackExecution);
     }