@progress/kendo-theme-fluent 13.2.0-dev.2 → 13.2.0-dev.3

package/dist/meta/sassdoc-raw-data.json

@@ -2008,7 +2008,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-adaptive-menu-clear-text",
-            "value": "var( --kendo-adaptive-menu-clear-text, #{k-color(primary)} )",
+            "value": "var( --kendo-adaptive-menu-clear-text, #{k-color(primary-on-surface)} )",
             "scope": "default",
             "line": {
                 "start": 31,
@@ -2183,7 +2183,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-adaptive-grid-sort-text",
-            "value": "var( --kendo-adaptive-grid-sort-text, #{k-color(primary)} )",
+            "value": "var( --kendo-adaptive-grid-sort-text, #{k-color(primary-on-surface)} )",
             "scope": "default",
             "line": {
                 "start": 57,
@@ -2208,7 +2208,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-adaptive-scheduler-current-text",
-            "value": "var( --kendo-adaptive-scheduler-current-text, #{k-color(primary)} )",
+            "value": "var( --kendo-adaptive-scheduler-current-text, #{k-color(primary-on-surface)} )",
             "scope": "default",
             "line": {
                 "start": 63,
@@ -16337,7 +16337,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-chat-alt-bubble-text",
-            "value": "var( --kendo-chat-alt-bubble-text, #{k-color(surface-alt)} )",
+            "value": "var( --kendo-chat-alt-bubble-text, #{k-color(on-primary)} )",
             "scope": "default",
             "line": {
                 "start": 139,
@@ -17337,7 +17337,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-checkbox-checked-text",
-            "value": "var( --kendo-checkbox-checked-text, k-color(surface-alt) )",
+            "value": "var( --kendo-checkbox-checked-text, k-color(on-primary) )",
             "scope": "default",
             "line": {
                 "start": 94,
@@ -17837,7 +17837,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-checkbox-hover-checked-text",
-            "value": "var( --kendo-checkbox-hover-checked-text, k-color(app-surface) )",
+            "value": "var( --kendo-checkbox-hover-checked-text, k-color(on-primary) )",
             "scope": "default",
             "line": {
                 "start": 160,
@@ -24498,7 +24498,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-group-menu-item-add-action-text",
-            "value": "var( --kendo-group-menu-item-add-action-text, k-color(primary) )",
+            "value": "var( --kendo-group-menu-item-add-action-text, #{k-color(primary-on-surface)} )",
             "scope": "default",
             "line": {
                 "start": 62,
@@ -25804,7 +25804,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-dock-indicator-hover-text",
-            "value": "var( --kendo-dock-indicator-hover-text, k-color(app-surface) )",
+            "value": "var( --kendo-dock-indicator-hover-text, k-color(on-primary) )",
             "scope": "default",
             "line": {
                 "start": 103,
@@ -28679,7 +28679,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-editor-selected-text",
-            "value": "var( --kendo-editor-selected-text, #{k-color(app-surface)} )",
+            "value": "var( --kendo-editor-selected-text, #{k-color(on-primary)} )",
             "scope": "default",
             "line": {
                 "start": 44,
@@ -31654,7 +31654,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-filter-preview-field-text",
-            "value": "var( --kendo-filter-preview-field-text, #{k-color(primary)} )",
+            "value": "var( --kendo-filter-preview-field-text, #{k-color(primary-on-surface)} )",
             "scope": "default",
             "line": {
                 "start": 28,
@@ -35319,7 +35319,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-gantt-task-selected-text",
-            "value": "var(--kendo-gantt-task-selected-text, #{k-color(app-surface)})",
+            "value": "var(--kendo-gantt-task-selected-text, #{k-color(on-primary)})",
             "scope": "default",
             "line": {
                 "start": 122,
@@ -40816,6 +40816,31 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The color of action icons.\n",
+        "commentRange": {
+            "start": 44,
+            "end": 45
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-action-icon-color",
+            "value": "var( --kendo-action-icon-color, #{k-color( primary-on-surface )} )",
+            "scope": "default",
+            "line": {
+                "start": 46,
+                "end": 46
+            }
+        },
+        "group": [
+            "icon"
+        ],
+        "access": "public",
+        "file": {
+            "path": "icons/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "Background color of the imageeditor.\n",
         "commentRange": {
@@ -51499,7 +51524,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-message-box-link-text",
-            "value": "var( --kendo-message-box-link-text, k-color(primary) )",
+            "value": "var( --kendo-message-box-link-text, k-color(primary-on-surface) )",
             "scope": "default",
             "line": {
                 "start": 45,
@@ -51524,7 +51549,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-message-box-link-hover-text",
-            "value": "var( --kendo-message-box-link-hover-text, k-color(primary-hover) )",
+            "value": "var( --kendo-message-box-link-hover-text, k-color(primary-on-surface) )",
             "scope": "default",
             "line": {
                 "start": 48,
@@ -63150,7 +63175,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-radio-checked-text",
-            "value": "var( --kendo-radio-checked-text, #{k-color(primary)} )",
+            "value": "var( --kendo-radio-checked-text, #{k-color(primary-on-surface)} )",
             "scope": "default",
             "line": {
                 "start": 65,
@@ -63225,7 +63250,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-radio-hover-checked-text",
-            "value": "var( --kendo-radio-hover-checked-text, #{k-color(primary-hover)} )",
+            "value": "var( --kendo-radio-hover-checked-text, #{k-color(primary-on-surface)} )",
             "scope": "default",
             "line": {
                 "start": 75,
@@ -66878,7 +66903,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-searchbox-icon-color",
-            "value": "var( --kendo-searchbox-icon-color, k-color(primary) )",
+            "value": "var( --kendo-searchbox-icon-color, k-color(primary-on-surface) )",
             "scope": "default",
             "line": {
                 "start": 5,
@@ -72237,7 +72262,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-spreadsheet-insert-image-dialog-overlay-hover-text",
-            "value": "var( --kendo-spreadsheet-insert-image-dialog-overlay-hover-text, k-color(app-surface) )",
+            "value": "var( --kendo-spreadsheet-insert-image-dialog-overlay-hover-text, #{k-color(on-app-surface)} )",
             "scope": "default",
             "line": {
                 "start": 245,
@@ -75749,7 +75774,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-switch-on-track-text",
-            "value": "var( --kendo-switch-on-track-text, k-color(app-surface) )",
+            "value": "var( --kendo-switch-on-track-text, k-color(on-primary) )",
             "scope": "default",
             "line": {
                 "start": 183,
@@ -75824,7 +75849,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-switch-on-track-hover-text",
-            "value": "var( --kendo-switch-on-track-hover-text, k-color(app-surface) )",
+            "value": "var( --kendo-switch-on-track-hover-text, k-color(on-primary) )",
             "scope": "default",
             "line": {
                 "start": 193,
@@ -75899,7 +75924,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-switch-on-track-focus-text",
-            "value": "var( --kendo-switch-on-track-focus-text, k-color(app-surface) )",
+            "value": "var( --kendo-switch-on-track-focus-text, k-color(on-primary) )",
             "scope": "default",
             "line": {
                 "start": 203,
@@ -75974,7 +75999,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-switch-on-track-disabled-text",
-            "value": "var( --kendo-switch-on-track-disabled-text, k-color(app-surface) )",
+            "value": "var( --kendo-switch-on-track-disabled-text, k-color(on-app-surface) )",
             "scope": "default",
             "line": {
                 "start": 213,
@@ -85717,7 +85742,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-treeview-loadmore-hover-text",
-            "value": "var( --kendo-treeview-loadmore-hover-text, k-color(primary-hover) )",
+            "value": "var( --kendo-treeview-loadmore-hover-text, k-color(primary-on-surface) )",
             "scope": "default",
             "line": {
                 "start": 165,
@@ -85792,7 +85817,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-treeview-loadmore-focus-text",
-            "value": "var( --kendo-treeview-loadmore-focus-text, k-color(primary-hover) )",
+            "value": "var( --kendo-treeview-loadmore-focus-text, k-color(primary-on-surface) )",
             "scope": "default",
             "line": {
                 "start": 175,

package/dist/meta/variables.json

@@ -1642,6 +1642,10 @@
         "type": "String",
         "value": "var(--kendo-accent-icon-color, #87A7FF)"
     },
+    "kendo-action-icon-color": {
+        "type": "String",
+        "value": "var(--kendo-action-icon-color, var(--kendo-color-primary-on-surface))"
+    },
     "kendo-message-box-default-theme-color": {
         "type": "Null",
         "value": "null"
@@ -1712,11 +1716,11 @@
     },
     "kendo-message-box-link-text": {
         "type": "String",
-        "value": "var(--kendo-message-box-link-text, var(--kendo-color-primary))"
+        "value": "var(--kendo-message-box-link-text, var(--kendo-color-primary-on-surface))"
     },
     "kendo-message-box-link-hover-text": {
         "type": "String",
-        "value": "var(--kendo-message-box-link-hover-text, var(--kendo-color-primary-hover))"
+        "value": "var(--kendo-message-box-link-hover-text, var(--kendo-color-primary-on-surface))"
     },
     "kendo-drag-hint-padding-x": {
         "type": "String",
@@ -4935,7 +4939,7 @@
     },
     "kendo-checkbox-checked-text": {
         "type": "String",
-        "value": "var(--kendo-checkbox-checked-text, var(--kendo-color-surface-alt))"
+        "value": "var(--kendo-checkbox-checked-text, var(--kendo-color-on-primary))"
     },
     "kendo-checkbox-checked-border": {
         "type": "String",
@@ -5075,7 +5079,7 @@
     },
     "kendo-checkbox-hover-checked-text": {
         "type": "String",
-        "value": "var(--kendo-checkbox-hover-checked-text, var(--kendo-color-app-surface))"
+        "value": "var(--kendo-checkbox-hover-checked-text, var(--kendo-color-on-primary))"
     },
     "kendo-checkbox-hover-checked-border": {
         "type": "String",
@@ -5411,7 +5415,7 @@
     },
     "kendo-radio-checked-text": {
         "type": "String",
-        "value": "var(--kendo-radio-checked-text, var(--kendo-color-primary))"
+        "value": "var(--kendo-radio-checked-text, var(--kendo-color-primary-on-surface))"
     },
     "kendo-radio-checked-border": {
         "type": "String",
@@ -5523,7 +5527,7 @@
     },
     "kendo-radio-hover-checked-text": {
         "type": "String",
-        "value": "var(--kendo-radio-hover-checked-text, var(--kendo-color-primary-hover))"
+        "value": "var(--kendo-radio-hover-checked-text, var(--kendo-color-primary-on-surface))"
     },
     "kendo-radio-hover-checked-border": {
         "type": "String",
@@ -8673,7 +8677,7 @@
     },
     "kendo-treeview-loadmore-hover-text": {
         "type": "String",
-        "value": "var(--kendo-treeview-loadmore-hover-text, var(--kendo-color-primary-hover))"
+        "value": "var(--kendo-treeview-loadmore-hover-text, var(--kendo-color-primary-on-surface))"
     },
     "kendo-treeview-loadmore-hover-border": {
         "type": "String",
@@ -8685,7 +8689,7 @@
     },
     "kendo-treeview-loadmore-focus-text": {
         "type": "String",
-        "value": "var(--kendo-treeview-loadmore-focus-text, var(--kendo-color-primary-hover))"
+        "value": "var(--kendo-treeview-loadmore-focus-text, var(--kendo-color-primary-on-surface))"
     },
     "kendo-treeview-loadmore-focus-border": {
         "type": "String",
@@ -8833,7 +8837,7 @@
     },
     "kendo-searchbox-icon-color": {
         "type": "String",
-        "value": "var(--kendo-searchbox-icon-color, var(--kendo-color-primary))"
+        "value": "var(--kendo-searchbox-icon-color, var(--kendo-color-primary-on-surface))"
     },
     "kendo-switch-default-size": {
         "type": "String",
@@ -9081,7 +9085,7 @@
     },
     "kendo-switch-on-track-text": {
         "type": "String",
-        "value": "var(--kendo-switch-on-track-text, var(--kendo-color-app-surface))"
+        "value": "var(--kendo-switch-on-track-text, var(--kendo-color-on-primary))"
     },
     "kendo-switch-on-track-border": {
         "type": "String",
@@ -9097,7 +9101,7 @@
     },
     "kendo-switch-on-track-hover-text": {
         "type": "String",
-        "value": "var(--kendo-switch-on-track-hover-text, var(--kendo-color-app-surface))"
+        "value": "var(--kendo-switch-on-track-hover-text, var(--kendo-color-on-primary))"
     },
     "kendo-switch-on-track-hover-border": {
         "type": "String",
@@ -9113,7 +9117,7 @@
     },
     "kendo-switch-on-track-focus-text": {
         "type": "String",
-        "value": "var(--kendo-switch-on-track-focus-text, var(--kendo-color-app-surface))"
+        "value": "var(--kendo-switch-on-track-focus-text, var(--kendo-color-on-primary))"
     },
     "kendo-switch-on-track-focus-border": {
         "type": "String",
@@ -9133,7 +9137,7 @@
     },
     "kendo-switch-on-track-disabled-text": {
         "type": "String",
-        "value": "var(--kendo-switch-on-track-disabled-text, var(--kendo-color-app-surface))"
+        "value": "var(--kendo-switch-on-track-disabled-text, var(--kendo-color-on-app-surface))"
     },
     "kendo-switch-on-track-disabled-border": {
         "type": "String",
@@ -12988,7 +12992,7 @@
     },
     "kendo-dock-indicator-hover-text": {
         "type": "String",
-        "value": "var(--kendo-dock-indicator-hover-text, var(--kendo-color-app-surface))"
+        "value": "var(--kendo-dock-indicator-hover-text, var(--kendo-color-on-primary))"
     },
     "kendo-dock-manager-dock-preview-border-width": {
         "type": "String",
@@ -13040,7 +13044,7 @@
     },
     "kendo-adaptive-menu-clear-text": {
         "type": "String",
-        "value": "var(--kendo-adaptive-menu-clear-text, var(--kendo-color-primary))"
+        "value": "var(--kendo-adaptive-menu-clear-text, var(--kendo-color-primary-on-surface))"
     },
     "kendo-adaptive-menu-item-border": {
         "type": "String",
@@ -13068,11 +13072,11 @@
     },
     "kendo-adaptive-grid-sort-text": {
         "type": "String",
-        "value": "var(--kendo-adaptive-grid-sort-text, var(--kendo-color-primary))"
+        "value": "var(--kendo-adaptive-grid-sort-text, var(--kendo-color-primary-on-surface))"
     },
     "kendo-adaptive-scheduler-current-text": {
         "type": "String",
-        "value": "var(--kendo-adaptive-scheduler-current-text, var(--kendo-color-primary))"
+        "value": "var(--kendo-adaptive-scheduler-current-text, var(--kendo-color-primary-on-surface))"
     },
     "kendo-adaptive-scheduler-base-text": {
         "type": "String",
@@ -14204,7 +14208,7 @@
     },
     "kendo-spreadsheet-insert-image-dialog-overlay-hover-text": {
         "type": "String",
-        "value": "var(--kendo-spreadsheet-insert-image-dialog-overlay-hover-text, var(--kendo-color-app-surface))"
+        "value": "var(--kendo-spreadsheet-insert-image-dialog-overlay-hover-text, var(--kendo-color-on-app-surface))"
     },
     "kendo-spreadsheet-drawing-handle-width": {
         "type": "String",
@@ -14632,7 +14636,7 @@
     },
     "kendo-filter-preview-field-text": {
         "type": "String",
-        "value": "var(--kendo-filter-preview-field-text, var(--kendo-color-primary))"
+        "value": "var(--kendo-filter-preview-field-text, var(--kendo-color-primary-on-surface))"
     },
     "kendo-filter-preview-operator-text": {
         "type": "String",
@@ -15248,7 +15252,7 @@
     },
     "kendo-editor-selected-text": {
         "type": "String",
-        "value": "var(--kendo-editor-selected-text, var(--kendo-color-app-surface))"
+        "value": "var(--kendo-editor-selected-text, var(--kendo-color-on-primary))"
     },
     "kendo-editor-selected-bg": {
         "type": "String",
@@ -15644,7 +15648,7 @@
     },
     "kendo-gantt-task-selected-text": {
         "type": "String",
-        "value": "var(--kendo-gantt-task-selected-text, var(--kendo-color-app-surface))"
+        "value": "var(--kendo-gantt-task-selected-text, var(--kendo-color-on-primary))"
     },
     "kendo-gantt-task-selected-border": {
         "type": "String",
@@ -16400,7 +16404,7 @@
     },
     "kendo-chat-alt-bubble-text": {
         "type": "String",
-        "value": "var(--kendo-chat-alt-bubble-text, var(--kendo-color-surface-alt))"
+        "value": "var(--kendo-chat-alt-bubble-text, var(--kendo-color-on-primary))"
     },
     "kendo-chat-alt-bubble-border": {
         "type": "String",
@@ -18302,7 +18306,7 @@
     },
     "kendo-group-menu-item-add-action-text": {
         "type": "String",
-        "value": "var(--kendo-group-menu-item-add-action-text, var(--kendo-color-primary))"
+        "value": "var(--kendo-group-menu-item-add-action-text, var(--kendo-color-primary-on-surface))"
     },
     "kendo-group-menu-item-border": {
         "type": "String",

package/lib/swatches/all.json

@@ -3,7 +3,7 @@
     "name": "All",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "13.2.0-dev.2",
+    "version": "13.2.0-dev.3",
     "api": "modern",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",

package/lib/swatches/fluent-1-dark.json

@@ -3,7 +3,7 @@
     "name": "Fluent 1 Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "13.2.0-dev.2",
+    "version": "13.2.0-dev.3",
     "previewColors": [
         "oklch(21.85% 0.0025 67.57deg)",
         "oklch(24.42% 0.0024 67.57deg)",

package/lib/swatches/fluent-1.json

@@ -3,7 +3,7 @@
     "name": "Fluent 1",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "13.2.0-dev.2",
+    "version": "13.2.0-dev.3",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(98.26% 0.0016 66.88deg)",

package/lib/swatches/fluent-main-dark.json

@@ -3,7 +3,7 @@
     "name": "Fluent Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "13.2.0-dev.2",
+    "version": "13.2.0-dev.3",
     "previewColors": [
         "oklch(23.93% 0.0000 0deg)",
         "oklch(28.09% 0.0000 0deg)",

package/lib/swatches/fluent-main.json

@@ -3,7 +3,7 @@
     "name": "Fluent Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "13.2.0-dev.2",
+    "version": "13.2.0-dev.3",
     "previewColors": [
         "oklch(98.51% 0.0001 0deg)",
         "oklch(100.00% 0.0001 0deg)",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-fluent",
   "description": "A css variables based theme for Kendo UI that follows the Fluent design system guidelines.",
-  "version": "13.2.0-dev.2",
+  "version": "13.2.0-dev.3",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -55,12 +55,12 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^4.8.0",
-    "@progress/kendo-theme-core": "13.2.0-dev.2",
-    "@progress/kendo-theme-utils": "13.2.0-dev.2"
+    "@progress/kendo-theme-core": "13.2.0-dev.3",
+    "@progress/kendo-theme-utils": "13.2.0-dev.3"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "2391ae0f9412058a616e592247c530e1f133ce2b"
+  "gitHead": "5487edc15973af51b6b452b987a8cb020d654a57"
 }

package/scss/adaptive/_variables.scss

@@ -28,7 +28,7 @@ $kendo-adaptive-menu-text: var( --kendo-adaptive-menu-text, #{k-color(app-surfac
 
 /// The text color of the Adaptive menu clear button.
 /// @group adaptive
-$kendo-adaptive-menu-clear-text: var( --kendo-adaptive-menu-clear-text, #{k-color(primary)} ) !default;
+$kendo-adaptive-menu-clear-text: var( --kendo-adaptive-menu-clear-text, #{k-color(primary-on-surface)} ) !default;
 
 /// The border color of the Adaptive menu item.
 /// @group adaptive
@@ -54,13 +54,13 @@ $kendo-adaptive-line-height: var( --kendo-adaptive-line-height, var(--kendo-line
 // Adaptive Grid
 /// The text color of the Adaptive Grid sort indicator.
 /// @group adaptive
-$kendo-adaptive-grid-sort-text: var( --kendo-adaptive-grid-sort-text, #{k-color(primary)} ) !default;
+$kendo-adaptive-grid-sort-text: var( --kendo-adaptive-grid-sort-text, #{k-color(primary-on-surface)} ) !default;
 
 
 // Adaptive Scheduler
 /// The text color of the current date in the Adaptive Scheduler.
 /// @group adaptive
-$kendo-adaptive-scheduler-current-text: var( --kendo-adaptive-scheduler-current-text, #{k-color(primary)} ) !default;
+$kendo-adaptive-scheduler-current-text: var( --kendo-adaptive-scheduler-current-text, #{k-color(primary-on-surface)} ) !default;
 /// The base text color of the Adaptive Scheduler.
 /// @group adaptive
 $kendo-adaptive-scheduler-base-text: var( --kendo-adaptive-scheduler-base-text, inherit ) !default;

package/scss/chat/_variables.scss

@@ -136,7 +136,7 @@ $kendo-chat-border: var( --kendo-chat-border, #{color-mix(in srgb, k-color(borde
 $kendo-chat-alt-bubble-bg: var( --kendo-chat-alt-bubble-bg, #{k-color(primary)} ) !default;
 /// The text color of the Chat alt bubble.
 /// @group chat
-$kendo-chat-alt-bubble-text: var( --kendo-chat-alt-bubble-text, #{k-color(surface-alt)} ) !default;
+$kendo-chat-alt-bubble-text: var( --kendo-chat-alt-bubble-text, #{k-color(on-primary)} ) !default;
 /// The border color of the Chat alt bubble.
 /// @group chat
 $kendo-chat-alt-bubble-border: var( --kendo-chat-alt-bubble-border, $kendo-chat-alt-bubble-bg ) !default;

package/scss/checkbox/_variables.scss

@@ -91,7 +91,7 @@ $kendo-checkbox-hover-border: var( --kendo-checkbox-hover-border, $kendo-checkbo
 $kendo-checkbox-checked-bg: var( --kendo-checkbox-checked-bg, k-color(primary) ) !default;
 /// The text color of the checked CheckBox.
 /// @group checkbox
-$kendo-checkbox-checked-text: var( --kendo-checkbox-checked-text, k-color(surface-alt) ) !default;
+$kendo-checkbox-checked-text: var( --kendo-checkbox-checked-text, k-color(on-primary) ) !default;
 /// The border color of the checked CheckBox.
 /// @group checkbox
 $kendo-checkbox-checked-border: var( --kendo-checkbox-checked-border, $kendo-checkbox-checked-bg ) !default;
@@ -157,7 +157,7 @@ $kendo-checkbox-invalid-border: var( --kendo-checkbox-invalid-border, k-color(er
 $kendo-checkbox-hover-checked-bg: var( --kendo-checkbox-hover-checked-bg, k-color(primary-hover) ) !default;
 /// The text color of the hovered and checked CheckBox.
 /// @group checkbox
-$kendo-checkbox-hover-checked-text: var( --kendo-checkbox-hover-checked-text, k-color(app-surface) ) !default;
+$kendo-checkbox-hover-checked-text: var( --kendo-checkbox-hover-checked-text, k-color(on-primary) ) !default;
 /// The border color of the hovered and checked CheckBox.
 /// @group checkbox
 $kendo-checkbox-hover-checked-border: var( --kendo-checkbox-hover-checked-border, $kendo-checkbox-hover-checked-bg ) !default;

package/scss/column-menu/_variables.scss

@@ -59,7 +59,7 @@ $kendo-group-menu-item-action-hover-bg: var( --kendo-group-menu-item-action-hove
 $kendo-group-menu-item-action-selected-bg: var( --kendo-group-menu-item-action-selected-bg, color-mix(in srgb, currentColor 8%, transparent) ) !default;
 /// The text color of the ColumnMenu item.
 /// @group column-menu
-$kendo-group-menu-item-add-action-text: var( --kendo-group-menu-item-add-action-text, k-color(primary) ) !default;
+$kendo-group-menu-item-add-action-text: var( --kendo-group-menu-item-add-action-text, #{k-color(primary-on-surface)} ) !default;
 /// The border color of the ColumnMenu item.
 /// @group column-menu
 $kendo-group-menu-item-border: var( --kendo-group-menu-item-border, color-mix(in srgb, k-color(border) 16%, transparent) ) !default;

package/scss/dock-manager/_variables.scss

@@ -100,7 +100,7 @@ $kendo-dock-indicator-shadow: var( --kendo-dock-indicator-shadow, k-elevation(4)
 $kendo-dock-indicator-hover-bg: var( --kendo-dock-indicator-hover-bg, k-color(primary-hover) ) !default;
 /// The text color of the hovered dock indicator in the DockManager component.
 /// @group dock-manager
-$kendo-dock-indicator-hover-text: var( --kendo-dock-indicator-hover-text, k-color(app-surface) ) !default;
+$kendo-dock-indicator-hover-text: var( --kendo-dock-indicator-hover-text, k-color(on-primary) ) !default;
 
 /// The width of the border around the dropping area in the DockManager component.
 /// @group dock-manager

package/scss/editor/_variables.scss

@@ -41,7 +41,7 @@ $kendo-editor-selectednode-outline-width: var( --kendo-editor-selectednode-outli
 
 /// The selected text color of the Editor.
 /// @group editor
-$kendo-editor-selected-text: var( --kendo-editor-selected-text, #{k-color(app-surface)} ) !default;
+$kendo-editor-selected-text: var( --kendo-editor-selected-text, #{k-color(on-primary)} ) !default;
 /// The selected background color of the Editor.
 /// @group editor
 $kendo-editor-selected-bg: var( --kendo-editor-selected-bg, #{k-color(primary)} ) !default;

package/scss/filter/_variables.scss

@@ -25,7 +25,7 @@ $kendo-filter-text: var( --kendo-filter-text, #{k-color(on-app-surface)} ) !defa
 
 /// The text color of the Filter preview field.
 /// @group filter
-$kendo-filter-preview-field-text: var( --kendo-filter-preview-field-text, #{k-color(primary)} ) !default;
+$kendo-filter-preview-field-text: var( --kendo-filter-preview-field-text, #{k-color(primary-on-surface)} ) !default;
 /// The text color of the Filter preview operator.
 /// @group filter
 $kendo-filter-preview-operator-text: var( --kendo-filter-preview-operator-text, #{k-color(on-app-surface)} ) !default;

package/scss/gantt/_variables.scss

@@ -119,7 +119,7 @@ $kendo-gantt-task-progress-hover-bg: var(--kendo-gantt-task-progress-hover-bg, #
 $kendo-gantt-task-selected-bg: var(--kendo-gantt-task-selected-bg, #{k-color(primary-subtle-active)}) !default;
 /// The text color of the selected Gantt task.
 /// @group gantt
-$kendo-gantt-task-selected-text: var(--kendo-gantt-task-selected-text, #{k-color(app-surface)}) !default;
+$kendo-gantt-task-selected-text: var(--kendo-gantt-task-selected-text, #{k-color(on-primary)}) !default;
 /// The border color of the selected Gantt task.
 /// @group gantt
 $kendo-gantt-task-selected-border: var(--kendo-gantt-task-selected-border, transparent) !default;