@progress/kendo-theme-meridian 14.7.0-dev.0 → 14.7.0-dev.10

package/dist/meta/variables.json

@@ -2865,6 +2865,22 @@
         "type": "String",
         "value": "var(--kendo-spacing-1\\.5)"
     },
+    "kendo-badge-text-padding-x": {
+        "type": "String",
+        "value": "var(--kendo-spacing-0\\.5)"
+    },
+    "kendo-badge-sm-gap": {
+        "type": "String",
+        "value": "var(--kendo-spacing-0)"
+    },
+    "kendo-badge-md-gap": {
+        "type": "String",
+        "value": "var(--kendo-spacing-1px)"
+    },
+    "kendo-badge-lg-gap": {
+        "type": "String",
+        "value": "var(--kendo-spacing-0\\.5)"
+    },
     "kendo-badge-font-size": {
         "type": "String",
         "value": "var(--kendo-font-size-xs, inherit)"
@@ -2915,11 +2931,12 @@
     },
     "kendo-badge-sizes": {
         "type": "Map",
-        "value": "(sm: (padding-x: var(--kendo-spacing-0\\.5), padding-y: var(--kendo-spacing-0\\.5), font-size: var(--kendo-font-size-xs, inherit), line-height: 1, min-width: calc(1em + var(--kendo-spacing-0\\.5) * 2 + 1px * 2)), md: (padding-x: var(--kendo-spacing-1), padding-y: var(--kendo-spacing-1), font-size: var(--kendo-font-size-xs, inherit), line-height: 1, min-width: calc(1em + var(--kendo-spacing-1) * 2 + 1px * 2)), lg: (padding-x: var(--kendo-spacing-1\\.5), padding-y: var(--kendo-spacing-1\\.5), font-size: var(--kendo-font-size-xs, inherit), line-height: 1, min-width: calc(1em + var(--kendo-spacing-1\\.5) * 2 + 1px * 2)))",
+        "value": "(sm: (padding-x: var(--kendo-spacing-0\\.5), padding-y: var(--kendo-spacing-0\\.5), gap: var(--kendo-spacing-0), font-size: var(--kendo-font-size-xs, inherit), line-height: 1, min-width: calc(1em + var(--kendo-spacing-0\\.5) * 2 + 1px * 2)), md: (padding-x: var(--kendo-spacing-1), padding-y: var(--kendo-spacing-1), gap: var(--kendo-spacing-1px), font-size: var(--kendo-font-size-xs, inherit), line-height: 1, min-width: calc(1em + var(--kendo-spacing-1) * 2 + 1px * 2)), lg: (padding-x: var(--kendo-spacing-1\\.5), padding-y: var(--kendo-spacing-1\\.5), gap: var(--kendo-spacing-0\\.5), font-size: var(--kendo-font-size-xs, inherit), line-height: 1, min-width: calc(1em + var(--kendo-spacing-1\\.5) * 2 + 1px * 2)))",
         "prettyValue": {
             "sm": {
                 "padding-x": "var(--kendo-spacing-0\\.5)",
                 "padding-y": "var(--kendo-spacing-0\\.5)",
+                "gap": "var(--kendo-spacing-0)",
                 "font-size": "var(--kendo-font-size-xs, inherit)",
                 "line-height": 1,
                 "min-width": "calc(1em + var(--kendo-spacing-0\\.5) * 2 + 1px * 2)"
@@ -2927,6 +2944,7 @@
             "md": {
                 "padding-x": "var(--kendo-spacing-1)",
                 "padding-y": "var(--kendo-spacing-1)",
+                "gap": "var(--kendo-spacing-1px)",
                 "font-size": "var(--kendo-font-size-xs, inherit)",
                 "line-height": 1,
                 "min-width": "calc(1em + var(--kendo-spacing-1) * 2 + 1px * 2)"
@@ -2934,6 +2952,7 @@
             "lg": {
                 "padding-x": "var(--kendo-spacing-1\\.5)",
                 "padding-y": "var(--kendo-spacing-1\\.5)",
+                "gap": "var(--kendo-spacing-0\\.5)",
                 "font-size": "var(--kendo-font-size-xs, inherit)",
                 "line-height": 1,
                 "min-width": "calc(1em + var(--kendo-spacing-1\\.5) * 2 + 1px * 2)"
@@ -3312,6 +3331,22 @@
         "type": "String",
         "value": "var(--kendo-spacing-1\\.5)"
     },
+    "kendo-button-xs-gap": {
+        "type": "String",
+        "value": "var(--kendo-spacing-1\\.5)"
+    },
+    "kendo-button-sm-gap": {
+        "type": "String",
+        "value": "var(--kendo-spacing-1\\.5)"
+    },
+    "kendo-button-md-gap": {
+        "type": "String",
+        "value": "var(--kendo-spacing-1\\.5)"
+    },
+    "kendo-button-lg-gap": {
+        "type": "String",
+        "value": "var(--kendo-spacing-1\\.5)"
+    },
     "kendo-button-xs-padding-x": {
         "type": "String",
         "value": "var(--kendo-spacing-1)"
@@ -3626,27 +3661,31 @@
     },
     "kendo-button-sizes": {
         "type": "Map",
-        "value": "(xs: (padding-x: var(--kendo-spacing-1), padding-y: var(--kendo-spacing-0\\.5), font-size: var(--kendo-font-size-sm, inherit), line-height: var(--kendo-line-height-sm, normal)), sm: (padding-x: var(--kendo-spacing-2), padding-y: var(--kendo-spacing-1), font-size: var(--kendo-font-size-sm, inherit), line-height: var(--kendo-line-height-sm, normal)), md: (padding-x: var(--kendo-spacing-2\\.5), padding-y: var(--kendo-spacing-1\\.5), font-size: var(--kendo-font-size, inherit), line-height: var(--kendo-line-height, normal)), lg: (padding-x: var(--kendo-spacing-3), padding-y: var(--kendo-spacing-2), font-size: var(--kendo-font-size-lg, inherit), line-height: var(--kendo-line-height-lg, normal)))",
+        "value": "(xs: (gap: var(--kendo-spacing-1\\.5), padding-x: var(--kendo-spacing-1), padding-y: var(--kendo-spacing-0\\.5), font-size: var(--kendo-font-size-sm, inherit), line-height: var(--kendo-line-height-sm, normal)), sm: (gap: var(--kendo-spacing-1\\.5), padding-x: var(--kendo-spacing-2), padding-y: var(--kendo-spacing-1), font-size: var(--kendo-font-size-sm, inherit), line-height: var(--kendo-line-height-sm, normal)), md: (gap: var(--kendo-spacing-1\\.5), padding-x: var(--kendo-spacing-2\\.5), padding-y: var(--kendo-spacing-1\\.5), font-size: var(--kendo-font-size, inherit), line-height: var(--kendo-line-height, normal)), lg: (gap: var(--kendo-spacing-1\\.5), padding-x: var(--kendo-spacing-3), padding-y: var(--kendo-spacing-2), font-size: var(--kendo-font-size-lg, inherit), line-height: var(--kendo-line-height-lg, normal)))",
         "prettyValue": {
             "xs": {
+                "gap": "var(--kendo-spacing-1\\.5)",
                 "padding-x": "var(--kendo-spacing-1)",
                 "padding-y": "var(--kendo-spacing-0\\.5)",
                 "font-size": "var(--kendo-font-size-sm, inherit)",
                 "line-height": "var(--kendo-line-height-sm, normal)"
             },
             "sm": {
+                "gap": "var(--kendo-spacing-1\\.5)",
                 "padding-x": "var(--kendo-spacing-2)",
                 "padding-y": "var(--kendo-spacing-1)",
                 "font-size": "var(--kendo-font-size-sm, inherit)",
                 "line-height": "var(--kendo-line-height-sm, normal)"
             },
             "md": {
+                "gap": "var(--kendo-spacing-1\\.5)",
                 "padding-x": "var(--kendo-spacing-2\\.5)",
                 "padding-y": "var(--kendo-spacing-1\\.5)",
                 "font-size": "var(--kendo-font-size, inherit)",
                 "line-height": "var(--kendo-line-height, normal)"
             },
             "lg": {
+                "gap": "var(--kendo-spacing-1\\.5)",
                 "padding-x": "var(--kendo-spacing-3)",
                 "padding-y": "var(--kendo-spacing-2)",
                 "font-size": "var(--kendo-font-size-lg, inherit)",
@@ -4866,6 +4905,14 @@
         "type": "Number",
         "value": "1px"
     },
+    "kendo-listbox-actions-scroll-padding": {
+        "type": "String",
+        "value": "var(--kendo-spacing-1)"
+    },
+    "kendo-listbox-actions-scroll-overlay": {
+        "type": "List",
+        "value": "(var(--kendo-color-app-surface), color-mix(in srgb, var(--kendo-color-app-surface) 0%, transparent))"
+    },
     "kendo-listbox-scroller-padding-x": {
         "type": "String",
         "value": "var(--kendo-spacing-2)"
@@ -5482,15 +5529,15 @@
     },
     "kendo-chip-solid-bg": {
         "type": "String",
-        "value": "var(--kendo-color-base)"
+        "value": "var(--kendo-color-base-subtle)"
     },
     "kendo-chip-solid-text": {
         "type": "String",
-        "value": "var(--kendo-color-on-base)"
+        "value": "var(--kendo-color-base-on-subtle)"
     },
     "kendo-chip-solid-border": {
-        "type": "Color",
-        "value": "transparent"
+        "type": "String",
+        "value": "var(--kendo-color-base-emphasis)"
     },
     "kendo-chip-solid-shadow": {
         "type": "String",
@@ -5506,11 +5553,11 @@
     },
     "kendo-chip-solid-hover-bg": {
         "type": "String",
-        "value": "var(--kendo-color-base-hover)"
+        "value": "var(--kendo-color-base-subtle-hover)"
     },
     "kendo-chip-solid-selected-bg": {
         "type": "String",
-        "value": "var(--kendo-color-base-active)"
+        "value": "var(--kendo-color-base-subtle-active)"
     },
     "kendo-chip-outline-text": {
         "type": "String",
@@ -5518,7 +5565,7 @@
     },
     "kendo-chip-outline-border": {
         "type": "String",
-        "value": "var(--kendo-color-base-on-surface)"
+        "value": "var(--kendo-color-base-emphasis)"
     },
     "kendo-chip-outline-shadow": {
         "type": "String",
@@ -14368,6 +14415,14 @@
         "type": "Number",
         "value": "12px"
     },
+    "kendo-image-editor-rotate-handle-offset": {
+        "type": "Number",
+        "value": "24px"
+    },
+    "kendo-image-editor-rotate-handle-padding": {
+        "type": "String",
+        "value": "var(--kendo-spacing-0\\.5)"
+    },
     "kendo-image-editor-bg": {
         "type": "String",
         "value": "var(--kendo-color-surface-alt)"
@@ -14894,7 +14949,7 @@
     },
     "kendo-scheduler-event-shadow": {
         "type": "List",
-        "value": "(inset 3px 0 0 0 var(--kendo-color-secondary))"
+        "value": "(inset 3px 0 0 0 var(--kendo-scheduler-event-accent, var(--kendo-color-secondary)))"
     },
     "kendo-scheduler-event-readonly-bg": {
         "type": "String",
@@ -14933,12 +14988,12 @@
         "value": "var(--kendo-color-secondary-on-subtle)"
     },
     "kendo-scheduler-event-hover-bg": {
-        "type": "Null",
-        "value": "null"
+        "type": "String",
+        "value": "var(--kendo-color-secondary-subtle)"
     },
     "kendo-scheduler-event-hover-text": {
-        "type": "Null",
-        "value": "null"
+        "type": "String",
+        "value": "var(--kendo-color-secondary-on-subtle)"
     },
     "kendo-scheduler-event-hover-border": {
         "type": "Null",
@@ -14970,7 +15025,7 @@
     },
     "kendo-scheduler-event-selected-shadow": {
         "type": "List",
-        "value": "(inset 3px 0 0 0 var(--kendo-color-secondary), 0 0 0 1px white, 0 0 0 2px var(--kendo-color-primary-on-surface))"
+        "value": "(inset 3px 0 0 0 var(--kendo-scheduler-event-accent, var(--kendo-color-secondary)), 0 0 0 1px white, 0 0 0 2px var(--kendo-color-primary-on-surface))"
     },
     "kendo-scheduler-event-ongoing-shadow": {
         "type": "List",

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

@@ -3,7 +3,7 @@
     "name": "Meridian Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-meridian",
-    "version": "14.7.0-dev.0",
+    "version": "14.7.0-dev.10",
     "previewColors": [
         "oklch(13.85% 0.0249 273.24deg)",
         "oklch(23.28% 0.0218 272.75deg)",

package/lib/swatches/meridian-main.json

@@ -3,7 +3,7 @@
     "name": "Meridian Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-meridian",
-    "version": "14.7.0-dev.0",
+    "version": "14.7.0-dev.10",
     "previewColors": [
         "oklch(100% 0 0deg)",
         "oklch(98.46% 0.0017 247.84deg)",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-meridian",
   "description": "Meridian theme for Kendo UI",
-  "version": "14.7.0-dev.0",
+  "version": "14.7.0-dev.10",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -52,8 +52,8 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^5.5.0",
-    "@progress/kendo-theme-core": "14.7.0-dev.0",
-    "@progress/kendo-theme-utils": "14.7.0-dev.0"
+    "@progress/kendo-theme-core": "14.7.0-dev.10",
+    "@progress/kendo-theme-utils": "14.7.0-dev.10"
   },
   "directories": {
     "doc": "docs",

package/scss/badge/_variables.scss

@@ -33,6 +33,19 @@ $kendo-badge-md-padding-x: k-spacing(1) !default;
 /// @group badge
 $kendo-badge-lg-padding-x: k-spacing(1.5) !default;
 
+/// The horizontal padding of Badge text content.
+/// @group badge
+$kendo-badge-text-padding-x: k-spacing(0.5) !default;
+/// The icon-to-text gap of the small Badge.
+/// @group badge
+$kendo-badge-sm-gap: k-spacing(0) !default;
+/// The icon-to-text gap of the medium Badge.
+/// @group badge
+$kendo-badge-md-gap: k-spacing(1px) !default;
+/// The icon-to-text gap of the large Badge.
+/// @group badge
+$kendo-badge-lg-gap: k-spacing(0.5) !default;
+
 /// The vertical padding of the small Badge.
 /// @group badge
 $kendo-badge-sm-padding-y: k-spacing(0.5) !default;
@@ -92,6 +105,10 @@ $kendo-badge-lg-min-width: calc( #{$kendo-badge-lg-line-height * 1em} + calc( #{
     $kendo-badge-sm-padding-x: $kendo-badge-sm-padding-x,
     $kendo-badge-md-padding-x: $kendo-badge-md-padding-x,
     $kendo-badge-lg-padding-x: $kendo-badge-lg-padding-x,
+    $kendo-badge-text-padding-x: $kendo-badge-text-padding-x,
+    $kendo-badge-sm-gap: $kendo-badge-sm-gap,
+    $kendo-badge-md-gap: $kendo-badge-md-gap,
+    $kendo-badge-lg-gap: $kendo-badge-lg-gap,
     $kendo-badge-sm-padding-y: $kendo-badge-sm-padding-y,
     $kendo-badge-md-padding-y: $kendo-badge-md-padding-y,
     $kendo-badge-lg-padding-y: $kendo-badge-lg-padding-y,

package/scss/button/_variables.scss

@@ -33,6 +33,22 @@ $kendo-button-border-radius: null !default;
 /// @group button
 $kendo-button-gap: k-spacing(1.5) !default;
 
+/// The spacing between icon and text inside the xsmall Button.
+/// @group button
+$kendo-button-xs-gap: $kendo-button-gap !default;
+
+/// The spacing between icon and text inside the small Button.
+/// @group button
+$kendo-button-sm-gap: $kendo-button-gap !default;
+
+/// The spacing between icon and text inside the medium Button.
+/// @group button
+$kendo-button-md-gap: $kendo-button-gap !default;
+
+/// The spacing between icon and text inside the large Button.
+/// @group button
+$kendo-button-lg-gap: $kendo-button-gap !default;
+
 /// The horizontal padding of the xsmall Button.
 /// @group button
 $kendo-button-xs-padding-x: k-spacing(1) !default;
@@ -281,6 +297,10 @@ $kendo-button-transition: color k-transition(rapid), background-color k-transiti
     $kendo-button-border-width: $kendo-button-border-width,
     $kendo-button-border-radius: $kendo-button-border-radius,
     $kendo-button-gap: $kendo-button-gap,
+    $kendo-button-xs-gap: $kendo-button-xs-gap,
+    $kendo-button-sm-gap: $kendo-button-sm-gap,
+    $kendo-button-md-gap: $kendo-button-md-gap,
+    $kendo-button-lg-gap: $kendo-button-lg-gap,
     $kendo-button-xs-padding-x: $kendo-button-xs-padding-x,
     $kendo-button-sm-padding-x: $kendo-button-sm-padding-x,
     $kendo-button-md-padding-x: $kendo-button-md-padding-x,

package/scss/chip/_theme.scss

@@ -9,38 +9,6 @@
 
     .k-chip {
 
-        #{k-when-default($kendo-chip-default-fill-mode, "solid")}
-        &.k-chip-solid {
-
-            @each $name in $kendo-chip-theme-colors {
-                #{k-when-default($kendo-chip-default-theme-color, $name)}
-                &.k-chip-#{$name} {
-                    @include fill(
-                        k-color(#{$name}-on-subtle),
-                        k-color(#{$name}-subtle),
-                        k-color(#{$name}),
-                    );
-
-                    &:hover,
-                    &.k-hover {
-                        @include fill( $bg: k-color(#{$name}-subtle-hover) );
-                    }
-
-                    &.k-active,
-                    &.k-selected {
-                        @include fill( $bg: k-color(#{$name}-subtle-active) );
-                    }
-
-                    @if $name == "base" {
-                        #{k-when-default($kendo-chip-default-theme-color, $name)}
-                        &.k-chip-#{$name} {
-                            border-color: k-color(#{$name}-emphasis);
-                        }
-                    }
-                }
-            }
-        }
-
         #{k-when-default($kendo-chip-default-fill-mode, ("solid", "outline"))}
         &.k-chip-solid,
         &.k-chip-outline {

package/scss/chip/_variables.scss

@@ -88,13 +88,13 @@ $kendo-chip-base-bg: k-color(base) !default;
 
 /// The base background color of the solid Chip.
 /// @group chip
-$kendo-chip-solid-bg: $kendo-chip-base-bg !default;
+$kendo-chip-solid-bg: k-color(base-subtle) !default;
 /// The base text color of the solid Chip.
 /// @group chip
-$kendo-chip-solid-text: k-color(on-base) !default;
+$kendo-chip-solid-text: k-color(base-on-subtle) !default;
 /// The base border color of the solid Chip.
 /// @group chip
-$kendo-chip-solid-border: transparent !default;
+$kendo-chip-solid-border: k-color(base-emphasis) !default;
 /// The base shadow of the solid Chip.
 /// @group chip
 $kendo-chip-solid-shadow: none !default;
@@ -108,18 +108,18 @@ $kendo-chip-solid-focus-bg: null !default;
 
 /// The base background color of the hovered solid Chip.
 /// @group chip
-$kendo-chip-solid-hover-bg: k-color(base-hover) !default;
+$kendo-chip-solid-hover-bg: k-color(base-subtle-hover) !default;
 
 /// The base background color of the selected solid Chip.
 /// @group chip
-$kendo-chip-solid-selected-bg: k-color(base-active) !default;
+$kendo-chip-solid-selected-bg: k-color(base-subtle-active) !default;
 
 /// The base text color of the outline Chip.
 /// @group chip
 $kendo-chip-outline-text: k-color(base-on-surface) !default;
 /// The base border color of the outline Chip.
 /// @group chip
-$kendo-chip-outline-border: $kendo-chip-outline-text !default;
+$kendo-chip-outline-border: k-color(base-emphasis) !default;
 /// The base shadow of the outline Chip.
 /// @group chip
 $kendo-chip-outline-shadow: none !default;

package/scss/imageeditor/_variables.scss

@@ -130,6 +130,12 @@ $kendo-image-editor-handle-border-radius: k-border-radius(full) !default;
 /// The size of the ImageEditor scale handle.
 /// @group image-editor
 $kendo-image-editor-scale-handle-size: 12px !default;
+/// The distance between the bottom edge of the selection frame and the ImageEditor rotate handle.
+/// @group image-editor
+$kendo-image-editor-rotate-handle-offset: 24px !default;
+/// The padding of the ImageEditor rotate handle.
+/// @group image-editor
+$kendo-image-editor-rotate-handle-padding: k-spacing(0.5) !default;
 
 /// The background color of the ImageEditor.
 /// @group image-editor
@@ -264,6 +270,8 @@ $kendo-image-editor-handle-border: k-color(secondary) !default;
     $kendo-image-editor-handle-thickness: $kendo-image-editor-handle-thickness,
     $kendo-image-editor-handle-border-radius: $kendo-image-editor-handle-border-radius,
     $kendo-image-editor-scale-handle-size: $kendo-image-editor-scale-handle-size,
+    $kendo-image-editor-rotate-handle-offset: $kendo-image-editor-rotate-handle-offset,
+    $kendo-image-editor-rotate-handle-padding: $kendo-image-editor-rotate-handle-padding,
     $kendo-image-editor-bg: $kendo-image-editor-bg,
     $kendo-image-editor-text: $kendo-image-editor-text,
     $kendo-image-editor-border: $kendo-image-editor-border,

package/scss/listbox/_variables.scss

@@ -41,6 +41,13 @@ $kendo-listbox-border: k-color(border) !default;
 /// @group listbox
 $kendo-listbox-drop-hint-width: 1px !default;
 
+/// The padding around the ListBox actions that keeps the button focus indicators visible when the actions scroll.
+/// @group listbox
+$kendo-listbox-actions-scroll-padding: k-spacing(1) !default;
+/// The gradient color stops of the ListBox actions scroll overlay.
+/// @group listbox
+$kendo-listbox-actions-scroll-overlay: k-color(app-surface), color-mix(in srgb, k-color(app-surface) 0%, transparent) !default;
+
 /// The horizontal padding of the ListBox scroller element.
 /// @group listbox
 $kendo-listbox-scroller-padding-x: k-spacing(2) !default;
@@ -64,6 +71,8 @@ $kendo-listbox-border-radius: k-border-radius(xl) !default;
     $kendo-listbox-bg: $kendo-listbox-bg,
     $kendo-listbox-border: $kendo-listbox-border,
     $kendo-listbox-drop-hint-width: $kendo-listbox-drop-hint-width,
+    $kendo-listbox-actions-scroll-padding: $kendo-listbox-actions-scroll-padding,
+    $kendo-listbox-actions-scroll-overlay: $kendo-listbox-actions-scroll-overlay,
     $kendo-listbox-scroller-padding-x: $kendo-listbox-scroller-padding-x,
     $kendo-listbox-scroller-padding-y: $kendo-listbox-scroller-padding-y,
     $kendo-listbox-border-radius: $kendo-listbox-border-radius

package/scss/scheduler/_theme.scss

@@ -11,6 +11,12 @@
         background-color: unset;
     }
 
+    .k-event {
+        --kendo-scheduler-event-bg: oklch(from var(--kendo-scheduler-event-color) calc(l + 0.5966) calc(c - 0.0323) calc(h - 9.39));
+        --kendo-scheduler-event-accent: var(--kendo-scheduler-event-color);
+        --kendo-scheduler-on-event: oklch(from var(--kendo-scheduler-event-bg) clamp(0.1, (0.75 - l) * 99999, 1) 0 h);
+    }
+
     .k-scheduler-layout {
         background-color: $kendo-scheduler-bg;
     }

package/scss/scheduler/_variables.scss

@@ -104,7 +104,7 @@ $kendo-scheduler-event-border: k-color(secondary-subtle) !default;
 $kendo-scheduler-event-gradient: null !default;
 /// The shadow of the Scheduler event.
 /// @group scheduler
-$kendo-scheduler-event-shadow: inset 3px 0 0 0 k-color(secondary) !default;
+$kendo-scheduler-event-shadow: inset 3px 0 0 0 var(--kendo-scheduler-event-accent, k-color(secondary)) !default;
 
 
 /// The background color of the read-only Scheduler event.
@@ -138,10 +138,10 @@ $kendo-scheduler-resize-handle-bg: k-color(secondary-on-subtle) !default;
 
 /// The background color of the hovered Scheduler event.
 /// @group scheduler
-$kendo-scheduler-event-hover-bg: null !default;
+$kendo-scheduler-event-hover-bg: $kendo-scheduler-event-bg !default;
 /// The text color of the hovered Scheduler event.
 /// @group scheduler
-$kendo-scheduler-event-hover-text: null !default;
+$kendo-scheduler-event-hover-text: $kendo-scheduler-event-text !default;
 /// The border color of the hovered Scheduler event.
 /// @group scheduler
 $kendo-scheduler-event-hover-border: null !default;
@@ -166,7 +166,7 @@ $kendo-scheduler-event-selected-border: null !default;
 $kendo-scheduler-event-selected-gradient: null !default;
 /// The shadow of the selected Scheduler event.
 /// @group scheduler
-$kendo-scheduler-event-selected-shadow: inset 3px 0 0 0 k-color(secondary), 0 0 0 1px white, 0 0 0 2px k-color(primary-on-surface) !default;
+$kendo-scheduler-event-selected-shadow: inset 3px 0 0 0 var(--kendo-scheduler-event-accent, k-color(secondary)), 0 0 0 1px white, 0 0 0 2px k-color(primary-on-surface) !default;
 
 /// The shadow of the ongoing Scheduler event.
 /// @group scheduler