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

package/scss/captcha/_variables.scss

@@ -26,7 +26,7 @@ $kendo-captcha-gap: $kendo-captcha-spacer !default;
 $kendo-captcha-bg: k-color(surface-alt) !default;
 /// The text color of the Captcha.
 /// @group captcha
-$kendo-captcha-text: k-color(surface-alt) !default;
+$kendo-captcha-text: k-color(on-app-surface) !default;
 /// The border color of the Captcha.
 /// @group captcha
 $kendo-captcha-border: k-color(surface-alt) !default;

package/scss/column-menu/_variables.scss

@@ -65,7 +65,7 @@ $kendo-group-menu-item-action-hover-bg: color-mix(in srgb, currentColor 4%, tran
 $kendo-group-menu-item-action-selected-bg: color-mix(in srgb, currentColor 16%, transparent) !default;
 /// The text color of the GroupMenu item add action.
 /// @group column-menu
-$kendo-group-menu-item-add-action-text: k-color(primary) !default;
+$kendo-group-menu-item-add-action-text: k-color(primary-on-surface) !default;
 /// The border color of the GroupMenu item.
 /// @group column-menu
 $kendo-group-menu-item-border: k-color(border) !default;

package/scss/filter/_variables.scss

@@ -22,7 +22,7 @@ $kendo-filter-operator-dropdown-width: 15em !default;
 
 /// The text color of the Filter preview field.
 /// @group filter
-$kendo-filter-preview-field-text: k-color(primary) !default;
+$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: k-color(on-app-surface) !default;

package/scss/icons/_variables.scss

@@ -38,6 +38,9 @@ $kendo-icon-padding: k-spacing(1) !default;
 /// The color of accent icons.
 /// @group icon
 $kendo-accent-icon-color: #8B7CF6 !default;
+/// The color of action icons.
+/// @group icon
+$kendo-action-icon-color: k-color( primary-on-surface ) !default;
 
 @forward "@progress/kendo-theme-core/scss/components/icons/_variables.scss" with (
     $kendo-icon-default-size: $kendo-icon-default-size,
@@ -51,5 +54,6 @@ $kendo-accent-icon-color: #8B7CF6 !default;
     $kendo-icon-size-xxxl: $kendo-icon-size-xxxl,
     $kendo-icon-spacing: $kendo-icon-spacing,
     $kendo-icon-padding: $kendo-icon-padding,
-    $kendo-accent-icon-color: $kendo-accent-icon-color
+    $kendo-accent-icon-color: $kendo-accent-icon-color,
+    $kendo-action-icon-color: $kendo-action-icon-color
 );

package/scss/spreadsheet/_variables.scss

@@ -227,7 +227,7 @@ $kendo-spreadsheet-insert-image-dialog-preview-overlay-shadow: inset 0 0 0 2000p
 $kendo-spreadsheet-insert-image-dialog-preview-overlay-border-radius: k-border-radius(md) !default;
 /// The text color of the hovered Spreadsheet image Dialog preview.
 /// @group spreadsheet
-$kendo-spreadsheet-insert-image-dialog-overlay-hover-text: k-color(surface-alt) !default;
+$kendo-spreadsheet-insert-image-dialog-overlay-hover-text: k-color(on-app-surface) !default;
 
 /// The width of the Spreadsheet drawing handle.
 /// @group spreadsheet

package/scss/switch/_variables.scss

@@ -202,7 +202,7 @@ $kendo-switch-off-thumb-disabled-gradient: null !default;
 $kendo-switch-on-track-bg: k-color(surface-alt) !default;
 /// The text color of the track when the Switch is checked.
 /// @group switch
-$kendo-switch-on-track-text: k-color(primary) !default;
+$kendo-switch-on-track-text: k-color(primary-on-surface) !default;
 /// The border color of the track when the Switch is checked.
 /// @group switch
 $kendo-switch-on-track-border: k-color(border) !default;

package/scss/tabstrip/_variables.scss

@@ -129,7 +129,7 @@ $kendo-tabstrip-item-hover-gradient: null !default;
 $kendo-tabstrip-item-selected-bg: k-color(surface-alt) !default;
 /// The text color of the selected TabStrip items.
 /// @group tabstrip
-$kendo-tabstrip-item-selected-text: k-color(primary) !default;
+$kendo-tabstrip-item-selected-text: k-color(primary-on-surface) !default;
 /// The border color of the selected TabStrip items.
 /// @group tabstrip
 $kendo-tabstrip-item-selected-border: k-color(border) !default;

package/scss/taskboard/_variables.scss

@@ -224,13 +224,13 @@ $kendo-taskboard-card-selected-shadow: none !default;
 
 /// The text color of the TaskBoard Card header text.
 /// @group taskboard
-$kendo-taskboard-card-header-text: k-color(primary) !default;
+$kendo-taskboard-card-header-text: k-color(primary-on-surface) !default;
 /// The text color of the hovered TaskBoard Card header text.
 /// @group taskboard
-$kendo-taskboard-card-header-focus-text: k-color(primary-hover) !default;
+$kendo-taskboard-card-header-focus-text: k-color(primary-on-surface) !default;
 /// The text color of the focused TaskBoard Card header text.
 /// @group taskboard
-$kendo-taskboard-card-header-hover-text: k-color(primary-hover) !default;
+$kendo-taskboard-card-header-hover-text: k-color(primary-on-surface) !default;
 
 /// The border width of the TaskBoard Card placeholder.
 /// @group taskboard

package/scss/timeselector/_variables.scss

@@ -46,10 +46,10 @@ $kendo-time-selector-header-border-width: 0px !default;
 $kendo-time-selector-header-title-text: unset !default;
 /// The text color of the TimeSelector header current time indicator.
 /// @group time-selector
-$kendo-time-selector-header-time-now-text: k-color(primary) !default;
+$kendo-time-selector-header-time-now-text: k-color(primary-on-surface) !default;
 /// The text color of the hovered TimeSelector header current time indicator.
 /// @group time-selector
-$kendo-time-selector-header-time-now-hover-text: k-color(primary-hover) !default;
+$kendo-time-selector-header-time-now-hover-text: k-color(primary-on-surface) !default;
 
 /// The width of the TimeSelector list.
 /// @group time-selector
@@ -141,10 +141,10 @@ $kendo-time-list-focus-bg: rgba( black, .04 ) !default;
 
 /// The text color of the TimeSelector button.
 /// @group time-selector
-$kendo-time-selector-now-button-text: k-color(primary) !default;
+$kendo-time-selector-now-button-text: k-color(primary-on-surface) !default;
 /// The text color of the hovered TimeSelector button.
 /// @group time-selector
-$kendo-time-selector-now-button-hover-text: k-color(primary-hover) !default;
+$kendo-time-selector-now-button-hover-text: k-color(primary-on-surface) !default;
 
 @forward "@progress/kendo-theme-core/scss/components/timeselector/_variables.scss" with (
     $kendo-time-selector-default-size: $kendo-time-selector-default-size,

package/scss/treeview/_variables.scss

@@ -138,7 +138,7 @@ $kendo-treeview-item-focus-shadow: inset 0 0 2px 0 k-color(border) !default;
 $kendo-treeview-loadmore-bg: transparent !default;
 /// The text color of the Load More button in the TreeView.
 /// @group treeview
-$kendo-treeview-loadmore-text: k-color(primary) !default;
+$kendo-treeview-loadmore-text: k-color(primary-on-surface) !default;
 /// The border color of the Load More button in the TreeView.
 /// @group treeview
 $kendo-treeview-loadmore-border: null !default;
@@ -148,7 +148,7 @@ $kendo-treeview-loadmore-border: null !default;
 $kendo-treeview-loadmore-hover-bg: transparent !default;
 /// The text color of the hovered Load More button in the TreeView.
 /// @group treeview
-$kendo-treeview-loadmore-hover-text: k-color(primary-hover) !default;
+$kendo-treeview-loadmore-hover-text: k-color(primary-on-surface) !default;
 /// The border color of the hovered Load More button in the TreeView.
 /// @group treeview
 $kendo-treeview-loadmore-hover-border: null !default;
@@ -158,7 +158,7 @@ $kendo-treeview-loadmore-hover-border: null !default;
 $kendo-treeview-loadmore-focus-bg: transparent !default;
 /// The text color of the focused Load More button in the TreeView.
 /// @group treeview
-$kendo-treeview-loadmore-focus-text: k-color(primary-hover) !default;
+$kendo-treeview-loadmore-focus-text: k-color(primary-on-surface) !default;
 /// The border color of the focused Load More button in the TreeView.
 /// @group treeview
 $kendo-treeview-loadmore-focus-border: null !default;