refactor(themes): include palette vars in the generated themes

simeonoff · simeonoff · commit 8da001e2cae8 · 2020-07-16T14:56:13.000+03:00
diff --git a/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-angular-dark-rtl.scss b/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-angular-dark-rtl.scss
@@ -1,5 +1,8 @@
 @import '../index';
 
-// Generate a palette
+:root {
+    @include igx-palette-vars($dark-material-palette, $contrast: true);
+}
+
 @include igx-core($direction: rtl);
 @include igx-dark-theme($dark-material-palette);
diff --git a/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-angular-dark.scss b/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-angular-dark.scss
@@ -1,5 +1,8 @@
 @import '../index';
 
-// Generate a palette
+:root {
+    @include igx-palette-vars($dark-material-palette, $contrast: true);
+}
+
 @include igx-core();
 @include igx-dark-theme($dark-material-palette);
diff --git a/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-angular-rtl.scss b/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-angular-rtl.scss
@@ -1,5 +1,8 @@
 @import '../index';
 
-// Generate a palette
+:root {
+    @include igx-palette-vars($light-material-palette, $contrast: true);
+}
+
 @include igx-core($direction: rtl);
 @include igx-theme($light-material-palette);
diff --git a/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-angular.scss b/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-angular.scss
@@ -1,5 +1,8 @@
 @import '../index';
 
-// Generate a palette
+:root {
+    @include igx-palette-vars($light-material-palette, $contrast: true);
+}
+
 @include igx-core();
 @include igx-theme($light-material-palette);
diff --git a/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-bootstrap-dark-rtl.scss b/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-bootstrap-dark-rtl.scss
@@ -1,5 +1,8 @@
 @import '../index';
 
-// Generate a palette
+:root {
+    @include igx-palette-vars($dark-bootstrap-palette, $contrast: true);
+}
+
 @include igx-core($direction: rtl);
 @include igx-bootstrap-dark-theme($dark-bootstrap-palette);
diff --git a/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-bootstrap-dark.scss b/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-bootstrap-dark.scss
@@ -1,5 +1,8 @@
 @import '../index';
 
-// Generate a palette
+:root {
+    @include igx-palette-vars($dark-bootstrap-palette, $contrast: true);
+}
+
 @include igx-core();
 @include igx-bootstrap-dark-theme($dark-bootstrap-palette);
diff --git a/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-bootstrap-light-rtl.scss b/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-bootstrap-light-rtl.scss
@@ -1,5 +1,8 @@
 @import '../index';
 
-// Generate a palette
+:root {
+    @include igx-palette-vars($light-bootstrap-palette, $contrast: true);
+}
+
 @include igx-core($direction: rtl);
 @include igx-bootstrap-light-theme($light-bootstrap-palette);
diff --git a/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-bootstrap-light.scss b/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-bootstrap-light.scss
@@ -1,5 +1,8 @@
 @import '../index';
 
-// Generate a palette
+:root {
+    @include igx-palette-vars($light-bootstrap-palette, $contrast: true);
+}
+
 @include igx-core();
 @include igx-bootstrap-light-theme($light-bootstrap-palette);
diff --git a/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-dark-green-rtl.scss b/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-dark-green-rtl.scss
@@ -1,4 +1,8 @@
 @import '../index';
 
+:root {
+    @include igx-palette-vars($dark-green-palette, $contrast: true);
+}
+
 @include igx-core($direction: rtl);
 @include igx-dark-theme($dark-green-palette);
diff --git a/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-dark-green.scss b/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-dark-green.scss
@@ -1,4 +1,8 @@
 @import '../index';
 
+:root {
+    @include igx-palette-vars($dark-green-palette, $contrast: true);
+}
+
 @include igx-core();
 @include igx-dark-theme($dark-green-palette);
diff --git a/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-fluent-dark-excel-rtl.scss b/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-fluent-dark-excel-rtl.scss
@@ -1,4 +1,8 @@
 @import '../index';
 
+:root {
+    @include igx-palette-vars($dark-fluent-excel-palette, $contrast: true);
+}
+
 @include igx-core($direction: rtl);
 @include igx-fluent-dark-theme($dark-fluent-excel-palette);
diff --git a/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-fluent-dark-excel.scss b/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-fluent-dark-excel.scss
@@ -1,4 +1,8 @@
 @import '../index';
 
+:root {
+    @include igx-palette-vars($dark-fluent-excel-palette, $contrast: true);
+}
+
 @include igx-core();
 @include igx-fluent-dark-theme($dark-fluent-excel-palette);
diff --git a/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-fluent-dark-word-rtl.scss b/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-fluent-dark-word-rtl.scss
@@ -1,4 +1,8 @@
 @import '../index';
 
+:root {
+    @include igx-palette-vars($dark-fluent-word-palette, $contrast: true);
+}
+
 @include igx-core($direction: rtl);
 @include igx-fluent-dark-theme($dark-fluent-word-palette);
diff --git a/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-fluent-dark-word.scss b/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-fluent-dark-word.scss
@@ -1,4 +1,8 @@
 @import '../index';
 
+:root {
+    @include igx-palette-vars($dark-fluent-word-palette, $contrast: true);
+}
+
 @include igx-core();
 @include igx-fluent-dark-theme($dark-fluent-word-palette);
diff --git a/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-fluent-light-excel-rtl.scss b/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-fluent-light-excel-rtl.scss
@@ -1,4 +1,8 @@
 @import '../index';
 
+:root {
+    @include igx-palette-vars($light-fluent-excel-palette, $contrast: true);
+}
+
 @include igx-core($direction: rtl);
 @include igx-fluent-light-theme($light-fluent-excel-palette);
diff --git a/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-fluent-light-excel.scss b/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-fluent-light-excel.scss
@@ -1,4 +1,8 @@
 @import '../index';
 
+:root {
+    @include igx-palette-vars($light-fluent-excel-palette, $contrast: true);
+}
+
 @include igx-core();
 @include igx-fluent-light-theme($light-fluent-excel-palette);
diff --git a/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-fluent-light-word-rtl.scss b/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-fluent-light-word-rtl.scss
@@ -1,4 +1,8 @@
 @import '../index';
 
+:root {
+    @include igx-palette-vars($light-fluent-word-palette, $contrast: true);
+}
+
 @include igx-core($direction: rtl);
 @include igx-fluent-light-theme($light-fluent-word-palette);
diff --git a/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-fluent-light-word.scss b/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-fluent-light-word.scss
@@ -1,4 +1,8 @@
 @import '../index';
 
+:root {
+    @include igx-palette-vars($light-fluent-word-palette, $contrast: true);
+}
+
 @include igx-core();
 @include igx-fluent-light-theme($light-fluent-word-palette);
diff --git a/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-indigo-dark-rtl.scss b/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-indigo-dark-rtl.scss
@@ -1,5 +1,8 @@
 @import '../index';
 
-// Generate a palette
+:root {
+    @include igx-palette-vars($dark-indigo-palette, $contrast: true);
+}
+
 @include igx-core($direction: rtl);
 @include igx-indigo-dark-theme($dark-indigo-palette);
diff --git a/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-indigo-dark.scss b/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-indigo-dark.scss
@@ -1,5 +1,8 @@
 @import '../index';
 
-// Generate a palette
+:root {
+    @include igx-palette-vars($dark-indigo-palette, $contrast: true);
+}
+
 @include igx-core();
 @include igx-indigo-dark-theme($dark-indigo-palette);
diff --git a/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-indigo-light-rtl.scss b/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-indigo-light-rtl.scss
@@ -1,5 +1,8 @@
 @import '../index';
 
-// Generate a palette
+:root {
+    @include igx-palette-vars($light-indigo-palette, $contrast: true);
+}
+
 @include igx-core($direction: rtl);
 @include igx-indigo-light-theme($light-indigo-palette);
diff --git a/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-indigo-light.scss b/projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-indigo-light.scss
@@ -1,5 +1,8 @@
 @import '../index';
 
-// Generate a palette
+:root {
+    @include igx-palette-vars($light-indigo-palette, $contrast: true);
+}
+
 @include igx-core();
 @include igx-indigo-light-theme($light-indigo-palette);
diff --git a/projects/igniteui-angular/src/lib/core/styles/themes/schemas/dark/_dock-manager.scss b/projects/igniteui-angular/src/lib/core/styles/themes/schemas/dark/_dock-manager.scss
@@ -279,6 +279,7 @@ $_dark-indigo-dock-manager: extend(
                 igx-color: 'surface',
             )
         ),
+        pane-header-background: red,
         joystick-background: (
             igx-color: ('grays', 300),
             to-opaque: (
