From 22759c27e2708a1ff2f4f0fd5dabd8422f4f4b82 Mon Sep 17 00:00:00 2001
From: Simeon Simeonoff <sim.simeonoff@gmail.com>
Date: Thu, 22 Oct 2026 13:58:48 +0300
Subject: [PATCH] refactor(theming): run the 22.3.0 migrations for Ignite UI
 Theming 30.0.0

---
 projects/app-crm/src/_variables.scss                          | 1 +
 projects/app-lob/src/_variables.scss                          | 1 +
 src/_variables.scss                                           | 1 +
 .../grid-lite-styling-custom.component.scss                   | 2 ++
 .../grid-editing-style-sample.component.scss                  | 3 ++-
 .../hierarchical-grid-editing-style.component.scss            | 3 ++-
 .../daterangepicker-styling/daterangepicker-styling.scss      | 3 ++-
 src/app/theming/angular/angular-sample.component.scss         | 2 ++
 src/app/theming/bootstrap/bootstrap-sample.component.scss     | 3 ++-
 src/app/theming/styles/dark-theme.scss                        | 2 +-
 src/app/theming/styles/schemas.scss                           | 2 +-
 src/app/theming/styles/themes.scss                            | 4 ++--
 .../tree-grid-editing-sample.component.scss                   | 3 ++-
 13 files changed, 21 insertions(+), 9 deletions(-)

diff --git a/projects/app-crm/src/_variables.scss b/projects/app-crm/src/_variables.scss
index 011944da59..cf34dbb18f 100644
--- a/projects/app-crm/src/_variables.scss
+++ b/projects/app-crm/src/_variables.scss
@@ -13,6 +13,7 @@ $green-palette: palette(
     $success: color($palette, 'success'),
     $warn: color($palette, 'warn'),
     $error: color($palette, 'error'),
+    $generator: 'legacy',
 );
 
 $gray-btn-color: color($green-palette, 'gray', 800);
diff --git a/projects/app-lob/src/_variables.scss b/projects/app-lob/src/_variables.scss
index 011944da59..cf34dbb18f 100644
--- a/projects/app-lob/src/_variables.scss
+++ b/projects/app-lob/src/_variables.scss
@@ -13,6 +13,7 @@ $green-palette: palette(
     $success: color($palette, 'success'),
     $warn: color($palette, 'warn'),
     $error: color($palette, 'error'),
+    $generator: 'legacy',
 );
 
 $gray-btn-color: color($green-palette, 'gray', 800);
diff --git a/src/_variables.scss b/src/_variables.scss
index cf9f1048b8..45ec93ed9f 100644
--- a/src/_variables.scss
+++ b/src/_variables.scss
@@ -14,6 +14,7 @@ $green-palette: palette(
     $success: #4eb862,
     $warn: #fbb13c,
     $error: #ff134a,
+    $generator: 'legacy',
 );
 
 $gray-btn-color: color($green-palette, 'gray', 800);
diff --git a/src/app/grid-lite/grid-lite-styling-custom/grid-lite-styling-custom.component.scss b/src/app/grid-lite/grid-lite-styling-custom/grid-lite-styling-custom.component.scss
index 69a79b6052..5533881ff6 100644
--- a/src/app/grid-lite/grid-lite-styling-custom/grid-lite-styling-custom.component.scss
+++ b/src/app/grid-lite/grid-lite-styling-custom/grid-lite-styling-custom.component.scss
@@ -24,6 +24,7 @@ $my-light-palette: palette(
     $secondary: #f1d302,
     $surface: #fdfffc,
     $gray: #235789,
+    $generator: 'legacy',
 );
 
 $my_dark_palette: palette(
@@ -31,6 +32,7 @@ $my_dark_palette: palette(
     $secondary: #d5896f,
     $surface: #031d44,
     $gray: #04395e,
+    $generator: 'legacy',
 );
 
 .custom-light {
diff --git a/src/app/grid/grid-editing-style-sample/grid-editing-style-sample.component.scss b/src/app/grid/grid-editing-style-sample/grid-editing-style-sample.component.scss
index d45c7b212b..45b8feb534 100644
--- a/src/app/grid/grid-editing-style-sample/grid-editing-style-sample.component.scss
+++ b/src/app/grid/grid-editing-style-sample/grid-editing-style-sample.component.scss
@@ -8,7 +8,8 @@ $gray: #efefef;
 $color-palette: palette(
   $primary: $white,
   $secondary: $blue,
-  $surface: $gray
+  $surface: $gray,
+  $generator: 'legacy'
 );
 
 $grid-theme: grid-theme(
diff --git a/src/app/hierarchical-grid/hierarchical-grid-editing-style/hierarchical-grid-editing-style.component.scss b/src/app/hierarchical-grid/hierarchical-grid-editing-style/hierarchical-grid-editing-style.component.scss
index 9924278a11..67ee501c30 100644
--- a/src/app/hierarchical-grid/hierarchical-grid-editing-style/hierarchical-grid-editing-style.component.scss
+++ b/src/app/hierarchical-grid/hierarchical-grid-editing-style/hierarchical-grid-editing-style.component.scss
@@ -8,7 +8,8 @@ $gray: #efefef;
 $color-palette: palette(
   $primary: $white,
   $secondary: $blue,
-  $surface: $gray
+  $surface: $gray,
+  $generator: 'legacy'
 );
 
 $grid-theme: grid-theme(
diff --git a/src/app/scheduling/daterangepicker/daterangepicker-styling/daterangepicker-styling.scss b/src/app/scheduling/daterangepicker/daterangepicker-styling/daterangepicker-styling.scss
index 4896515f52..32494ccccf 100644
--- a/src/app/scheduling/daterangepicker/daterangepicker-styling/daterangepicker-styling.scss
+++ b/src/app/scheduling/daterangepicker/daterangepicker-styling/daterangepicker-styling.scss
@@ -7,7 +7,8 @@ $light-gray: #efefef;
 $custom-palette: palette(
   $primary: $blue,
   $secondary: $purple,
-  $surface: $light-gray
+  $surface: $light-gray,
+  $generator: 'legacy'
 );
 
 $today-text: color($custom-palette, 'primary', 500);
diff --git a/src/app/theming/angular/angular-sample.component.scss b/src/app/theming/angular/angular-sample.component.scss
index df13adac1c..621f0c92b9 100644
--- a/src/app/theming/angular/angular-sample.component.scss
+++ b/src/app/theming/angular/angular-sample.component.scss
@@ -36,6 +36,7 @@ $igx-light-palette: palette(
     $success: #4eb862,
     $warn: #fbb13c,
     $error: #ff134a,
+    $generator: 'legacy',
 );
 
 $custom-dark-palette: palette(
@@ -46,6 +47,7 @@ $custom-dark-palette: palette(
     $success: #4eb862,
     $warn: #fbb13c,
     $error: #ff134a,
+    $generator: 'legacy',
 );
 
 $light-palette-primary: mat.m2-define-palette(material-like-palette('primary', $saturations, $igx-light-palette));
diff --git a/src/app/theming/bootstrap/bootstrap-sample.component.scss b/src/app/theming/bootstrap/bootstrap-sample.component.scss
index 93508a365a..fcb5ece00f 100644
--- a/src/app/theming/bootstrap/bootstrap-sample.component.scss
+++ b/src/app/theming/bootstrap/bootstrap-sample.component.scss
@@ -11,7 +11,8 @@ $custom-dark-palette: palette(
     $primary: #ecaa53,
     $secondary: #011627,
     $gray: #fff,
-    $surface: #222
+    $surface: #222,
+    $generator: 'legacy'
 );
 
 $dark-primary: color($custom-dark-palette, "primary");
diff --git a/src/app/theming/styles/dark-theme.scss b/src/app/theming/styles/dark-theme.scss
index e226d14f5b..ac0fe96c85 100644
--- a/src/app/theming/styles/dark-theme.scss
+++ b/src/app/theming/styles/dark-theme.scss
@@ -35,7 +35,7 @@ $dark-color: #282828;
 $orange-color: #FFA500;
 
 // Define the palettes:
-$dark-theme-palette: palette($primary: $dark-color, $secondary: $orange-color);
+$dark-theme-palette: palette($primary: $dark-color, $secondary: $orange-color, $generator: 'legacy');
 
 $dark-grid-theme: grid-theme(
 $content-background: color($dark-theme-palette, "secondary", 100),
diff --git a/src/app/theming/styles/schemas.scss b/src/app/theming/styles/schemas.scss
index 9883d849e6..c01901a54b 100644
--- a/src/app/theming/styles/schemas.scss
+++ b/src/app/theming/styles/schemas.scss
@@ -3,7 +3,7 @@
 $black-color: #000000;
 $aqua-color: #00BFFF;
 
-$black-theme-palette: palette($primary: $black-color, $secondary: $aqua-color, $gray: #fff);
+$black-theme-palette: palette($primary: $black-color, $secondary: $aqua-color, $gray: #fff, $generator: 'legacy');
 
 $_black-snackbar-schema: extend($dark-snackbar,
         (
diff --git a/src/app/theming/styles/themes.scss b/src/app/theming/styles/themes.scss
index 91311664d9..9ffbd02115 100644
--- a/src/app/theming/styles/themes.scss
+++ b/src/app/theming/styles/themes.scss
@@ -56,8 +56,8 @@ $royalblue-color: #4169E1;
 $orange-color: #FFA500;
 
 // Define the palettes:
-$light-theme-palette: palette($primary: $light-color, $secondary: $royalblue-color);
-$dark-theme-palette: palette($primary: $dark-color, $secondary: $orange-color);
+$light-theme-palette: palette($primary: $light-color, $secondary: $royalblue-color, $generator: 'legacy');
+$dark-theme-palette: palette($primary: $dark-color, $secondary: $orange-color, $generator: 'legacy');
 
 // Define light theme for the snackbar
 $light-snackbar-theme: snackbar-theme(
diff --git a/src/app/tree-grid/tree-grid-editing-style/tree-grid-editing-sample.component.scss b/src/app/tree-grid/tree-grid-editing-style/tree-grid-editing-sample.component.scss
index 8d4cc02df6..dfaba3f6c4 100644
--- a/src/app/tree-grid/tree-grid-editing-style/tree-grid-editing-sample.component.scss
+++ b/src/app/tree-grid/tree-grid-editing-style/tree-grid-editing-sample.component.scss
@@ -8,7 +8,8 @@ $gray: #efefef;
 $color-palette: palette(
   $primary: $white,
   $secondary: $blue,
-  $surface: $gray
+  $surface: $gray,
+  $generator: 'legacy'
 );
 
 $grid-theme: grid-theme(