Merge pull request #1661 from IgniteUI/bug1599

fix(themes): uninitialized theme variables

Author: kdinev

projects/igniteui-angular/src/lib/core/styles/components/button/_button-theme.scss

@@ -110,8 +110,8 @@
 
         fab-text-color: igx-contrast-color($palette, 'secondary', 500),
         fab-background: igx-color($palette, 'secondary', 500),
-        fab-hover-text-color: null,
-        fab-hover-background: null,
+        fab-hover-text-color: igx-contrast-color($palette, 'secondary', 500),
+        fab-hover-background: igx-color($palette, 'secondary', 400),
         fab-focus-background: igx-color($palette, 'secondary', 500),
         fab-focus-text-color: igx-contrast-color($palette, 'secondary', 500),
 

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

@@ -51,6 +51,7 @@
 ) {
     $default-theme: (
         name: 'igx-grid-filtering',
+        toggle-background: transparent,
         toggle-icon-color: inherit,
         toggle-icon-hover-color: #fff,
         toggle-icon-active-color: igx-contrast-color($palette, 'secondary'),
@@ -60,7 +61,8 @@
         toggle-filtered-background: transparent,
         menu-background: #fff,
         menu-text-color: igx-color($palette, 'grays', 900),
-        menu-button-text-color: igx-color($palette, 'secondary')
+        menu-button-text-color: igx-color($palette, 'secondary'),
+        menu-button-disabled-text-color: initial
     );
 
     @if not($menu-text-color) and $menu-background {
@@ -213,7 +215,7 @@
             color: --var($theme, 'menu-button-text-color');
 
             &:disabled {
-                color: --var($theme, 'menu-button-text-color');
+                color: --var($theme, 'menu-button-disabled-text-color');
             }
         }
 

projects/igniteui-angular/src/lib/core/styles/components/list/_list-theme.scss

@@ -32,7 +32,9 @@
     $default-theme: (
         name: 'igx-list',
         background: #fff,
+        header-background: #fff,
         header-text-color: igx-color($palette, 'secondary'),
+        item-background: #fff,
         item-text-color: igx-color($palette, 'grays', 800),
         item-background-active: igx-color($palette, 'grays', 100),
         item-text-color-active: igx-color($palette, 'grays', 800)