diff --git a/package-lock.json b/package-lock.json
index f8548c91525..98507bc8a57 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -80,7 +80,7 @@
         "igniteui-grid-lite": "~0.12.0-beta.0",
         "igniteui-i18n-resources": "^2.0.0-rc.3",
         "igniteui-sassdoc-theme": "^3.0.0",
-        "igniteui-theming": "^30.1.0",
+        "igniteui-theming": "^30.2.0",
         "igniteui-webcomponents": "^7.5.0-beta.0",
         "lit-html": "^3.2.1",
         "ng-packagr": "^22.0.0",
@@ -14307,9 +14307,9 @@
       }
     },
     "node_modules/igniteui-theming": {
-      "version": "30.1.0",
-      "resolved": "https://registry.npmjs.org/igniteui-theming/-/igniteui-theming-30.1.0.tgz",
-      "integrity": "sha512-3UEK2p4Aw5fu9v0MNlyqauapx99oBVoPmYp/A3IA71Y3FhKHnfEhnPshwxLR4qHi7XRSpAO84Nekmo4gSH1ZoA==",
+      "version": "30.2.0",
+      "resolved": "https://registry.npmjs.org/igniteui-theming/-/igniteui-theming-30.2.0.tgz",
+      "integrity": "sha512-nYdHKYG1FjuzB3rpz6sLlc2sYTR4HOABB3wuWokQwZj8i/cfvoBbJrsH9JESXGwcyYuq++3ZaaFG4yWBWEZG7Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
diff --git a/package.json b/package.json
index b53321a2892..08a4e5afcce 100644
--- a/package.json
+++ b/package.json
@@ -136,7 +136,7 @@
     "igniteui-grid-lite": "~0.12.0-beta.0",
     "igniteui-i18n-resources": "^2.0.0-rc.3",
     "igniteui-sassdoc-theme": "^3.0.0",
-    "igniteui-theming": "^30.1.0",
+    "igniteui-theming": "^30.2.0",
     "igniteui-webcomponents": "^7.5.0-beta.0",
     "lit-html": "^3.2.1",
     "ng-packagr": "^22.0.0",
diff --git a/projects/igniteui-angular/core/src/core/styles/themes/generators/_base.scss b/projects/igniteui-angular/core/src/core/styles/themes/generators/_base.scss
index cf51bde9ff7..762f23e5668 100644
--- a/projects/igniteui-angular/core/src/core/styles/themes/generators/_base.scss
+++ b/projects/igniteui-angular/core/src/core/styles/themes/generators/_base.scss
@@ -110,8 +110,7 @@
 
     @if $theme {
         #{$scope} {
-            --ig-theme: #{$theme};
-            --ig-theme-variant: #{$variant};
+            @include theme-markers($theme, $variant);
         }
     }
 
diff --git a/projects/igniteui-angular/package.json b/projects/igniteui-angular/package.json
index 852220e0cc6..de2d80d09f3 100644
--- a/projects/igniteui-angular/package.json
+++ b/projects/igniteui-angular/package.json
@@ -75,7 +75,7 @@
         "igniteui-trial-watermark": "^3.1.0",
         "jspdf": "^4.2.1",
         "lodash-es": "^4.17.21",
-        "igniteui-theming": "^30.1.0",
+        "igniteui-theming": "^30.2.0",
         "igniteui-i18n-core": "^2.0.0-rc.3",
         "@igniteui/material-icons-extended": "^3.1.0"
     },