@progress/kendo-theme-classic 10.6.0 → 11.0.0-dev.0

package/scss/tooltip/_variables.scss

@@ -40,10 +40,10 @@ $kendo-tooltip-callout-size: 6px !default;
 
 /// The default background of the Tooltip.
 /// @group tooltip
-$kendo-tooltip-bg: if($kendo-enable-color-system, k-color( on-app-surface ), rgba( k-contrast-color( $kendo-body-bg ), .75 )) !default;
+$kendo-tooltip-bg: k-color(on-app-surface) !default;
 /// The default text color of the Tooltip.
 /// @group tooltip
-$kendo-tooltip-text: if($kendo-enable-color-system, k-color( app-surface ), k-contrast-color( $kendo-tooltip-bg )) !default;
+$kendo-tooltip-text: k-color(app-surface) !default;
 /// The default border color of the Tooltip.
 /// @group tooltip
 $kendo-tooltip-border: $kendo-tooltip-bg !default;
@@ -54,7 +54,18 @@ $kendo-tooltip-shadow: k-elevation(2) !default;
 
 /// The theme colors map for the Tooltip.
 /// @group tooltip
-$kendo-tooltip-theme-colors: $kendo-theme-colors !default;
+$kendo-tooltip-theme-colors: (
+    "primary": k-color(primary),
+    "secondary": k-color(secondary),
+    "tertiary": k-color(tertiary),
+    "info": k-color(info),
+    "success": k-color(success),
+    "warning": k-color(warning),
+    "error": k-color(error),
+    "dark": k-color(dark),
+    "light": k-color(light),
+    "inverse": if($kendo-is-dark-theme, k-color(light), k-color(dark))
+) !default;
 /// The generated theme colors map for the Tooltip.
 /// @group tooltip
 $kendo-tooltip-theme: tooltip-theme( $kendo-tooltip-theme-colors ) !default;

package/scss/treeview/_variables.scss

@@ -119,36 +119,36 @@ $kendo-treeview-sizes: (
 $kendo-treeview-bg: null !default;
 /// The text color of the TreeView.
 /// @group treeview
-$kendo-treeview-text: $kendo-component-text !default;
+$kendo-treeview-text: k-color(on-app-surface) !default;
 /// The border color of the TreeView.
 /// @group treeview
 $kendo-treeview-border: null !default;
 
 /// The background color of hovered TreeView items.
 /// @group treeview
-$kendo-treeview-item-hover-bg: $kendo-hover-bg !default;
+$kendo-treeview-item-hover-bg: k-color(base-hover) !default;
 /// The text color of hovered TreeView items.
 /// @group treeview
-$kendo-treeview-item-hover-text: $kendo-hover-text !default;
+$kendo-treeview-item-hover-text: k-color(on-app-surface) !default;
 /// The border color of hovered TreeView items.
 /// @group treeview
-$kendo-treeview-item-hover-border: $kendo-hover-border !default;
+$kendo-treeview-item-hover-border: k-color(border) !default;
 /// The background gradient of hovered TreeView items.
 /// @group treeview
-$kendo-treeview-item-hover-gradient: $kendo-hover-gradient !default;
+$kendo-treeview-item-hover-gradient: null !default;
 
 /// The background color of selected TreeView items.
 /// @group treeview
-$kendo-treeview-item-selected-bg: $kendo-selected-bg !default;
+$kendo-treeview-item-selected-bg: k-color(primary) !default;
 /// The text color of selected TreeView items.
 /// @group treeview
-$kendo-treeview-item-selected-text: $kendo-selected-text !default;
+$kendo-treeview-item-selected-text: k-color(on-primary) !default;
 /// The border color of selected TreeView items.
 /// @group treeview
-$kendo-treeview-item-selected-border: $kendo-selected-border !default;
+$kendo-treeview-item-selected-border: k-color(primary) !default;
 /// The background gradient of selected TreeView items.
 /// @group treeview
-$kendo-treeview-item-selected-gradient: $kendo-selected-gradient !default;
+$kendo-treeview-item-selected-gradient: null !default;
 
 /// The box shadow of focused TreeView items.
 /// @group treeview
@@ -159,7 +159,7 @@ $kendo-treeview-item-focus-shadow: $kendo-focus-shadow !default;
 $kendo-treeview-loadmore-bg: transparent !default;
 /// The text color of the Load More button in the TreeView.
 /// @group treeview
-$kendo-treeview-loadmore-text: $kendo-link-text !default;
+$kendo-treeview-loadmore-text: k-color(primary) !default;
 /// The border color of the Load More button in the TreeView.
 /// @group treeview
 $kendo-treeview-loadmore-border: null !default;
@@ -169,7 +169,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: $kendo-link-hover-text !default;
+$kendo-treeview-loadmore-hover-text: k-color(primary-hover) !default;
 /// The border color of the hovered Load More button in the TreeView.
 /// @group treeview
 $kendo-treeview-loadmore-hover-border: null !default;
@@ -179,7 +179,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: $kendo-link-hover-text !default;
+$kendo-treeview-loadmore-focus-text: k-color(primary-hover) !default;
 /// The border color of the focused Load More button in the TreeView.
 /// @group treeview
 $kendo-treeview-loadmore-focus-border: null !default;

package/scss/typography/_variables.scss

@@ -228,13 +228,13 @@ $kendo-code-border-width: 1px !default;
 
 /// The background color of the code tag.
 /// @group typography
-$kendo-code-bg: $kendo-base-bg !default;
+$kendo-code-bg: k-color(surface) !default;
 /// The text color of the code tag.
 /// @group typography
-$kendo-code-text: $kendo-component-text !default;
+$kendo-code-text: k-color(on-app-surface) !default;
 /// The border color of the code tag.
 /// @group typography
-$kendo-code-border: $kendo-component-border !default;
+$kendo-code-border: k-color(border) !default;
 
 // Display
 /// The font size of the largest display text.

package/scss/upload/_variables.scss

@@ -21,13 +21,13 @@ $kendo-upload-max-height: 300px !default;
 
 /// The text color of the Upload.
 /// @group upload
-$kendo-upload-text: $kendo-component-text !default;
+$kendo-upload-text: k-color(on-app-surface) !default;
 /// The background color of the Upload.
 /// @group upload
-$kendo-upload-bg: $kendo-component-bg !default;
+$kendo-upload-bg: k-color(surface-alt) !default;
 /// The border color of the Upload.
 /// @group upload
-$kendo-upload-border: $kendo-component-border !default;
+$kendo-upload-border: k-color(border) !default;
 
 /// The horizontal padding of the Upload dropzone.
 /// @group upload
@@ -37,20 +37,20 @@ $kendo-upload-dropzone-padding-x: k-spacing(2) !default;
 $kendo-upload-dropzone-padding-y: k-spacing(2) !default;
 /// The text color of the Upload dropzone.
 /// @group upload
-$kendo-upload-dropzone-text: $kendo-component-header-text !default;
+$kendo-upload-dropzone-text: k-color(on-app-surface) !default;
 /// The background color of the Upload dropzone.
 /// @group upload
-$kendo-upload-dropzone-bg: $kendo-component-header-bg !default;
+$kendo-upload-dropzone-bg: k-color(surface) !default;
 /// The border color of the Upload dropzone.
 /// @group upload
 $kendo-upload-dropzone-border: $kendo-upload-border !default;
 /// The background color of the hovered Upload dropzone.
 /// @group upload
-$kendo-upload-dropzone-hover-bg: $kendo-hover-bg !default;
+$kendo-upload-dropzone-hover-bg: k-color(base-hover) !default;
 
 /// The text color of the Upload status message.
 /// @group upload
-$kendo-upload-status-text: $kendo-subtle-text !default;
+$kendo-upload-status-text: k-color(subtle) !default;
 /// The opacity of the Upload status message.
 /// @group upload
 $kendo-upload-status-text-opacity: null !default;
@@ -77,28 +77,28 @@ $kendo-upload-validation-line-height: var( --kendo-line-height-xs, normal ) !def
 $kendo-upload-icon-spacing: $kendo-icon-spacing !default;
 /// The color of the uploaded items icon.
 /// @group upload
-$kendo-upload-icon-color: $kendo-subtle-text !default;
+$kendo-upload-icon-color: k-color(subtle) !default;
 
 /// The thickness of the Upload progress bar.
 /// @group upload
 $kendo-upload-progress-thickness: 2px !default;
 /// The background color of the Upload progress bar.
 /// @group upload
-$kendo-upload-progress-bg: $kendo-color-info !default;
+$kendo-upload-progress-bg: k-color(info) !default;
 
 /// The success text color of the Upload.
 /// @group upload
-$kendo-upload-success-text: $kendo-color-success !default;
+$kendo-upload-success-text: k-color(success) !default;
 /// The success background color of the Upload progress bar.
 /// @group upload
-$kendo-upload-success-bg: $kendo-color-success !default;
+$kendo-upload-success-bg: k-color(success) !default;
 
 /// The error text color of the Upload.
 /// @group upload
-$kendo-upload-error-text: $kendo-color-error !default;
+$kendo-upload-error-text: k-color(error) !default;
 /// The error background color of the Upload progress bar.
 /// @group upload
-$kendo-upload-error-bg: $kendo-color-error !default;
+$kendo-upload-error-bg: k-color(error) !default;
 
 /// The shadow of the focused Upload button, actions and uploaded items.
 /// @group upload

package/scss/window/_variables.scss

@@ -69,13 +69,13 @@ $kendo-window-buttongroup-border-width: 1px !default;
 
 /// The background color of the Window.
 /// @group window
-$kendo-window-bg: $kendo-component-bg !default;
+$kendo-window-bg: k-color(surface-alt) !default;
 /// The text color of the Window.
 /// @group window
-$kendo-window-text: $kendo-component-text !default;
+$kendo-window-text: k-color(on-app-surface) !default;
 /// The border color of the Window.
 /// @group window
-$kendo-window-border: $kendo-component-border !default;
+$kendo-window-border: k-color(border) !default;
 /// The box shadow of the Window.
 /// @group window
 $kendo-window-shadow: k-elevation(8) !default;
@@ -85,16 +85,16 @@ $kendo-window-focus-shadow: k-elevation(9) !default;
 
 /// The background color of the Window titlebar.
 /// @group window
-$kendo-window-titlebar-bg: $kendo-component-header-bg !default;
+$kendo-window-titlebar-bg: k-color(surface) !default;
 /// The text color of the Window titlebar.
 /// @group window
-$kendo-window-titlebar-text: $kendo-component-header-text !default;
+$kendo-window-titlebar-text: k-color(on-app-surface) !default;
 /// The border color of the Window titlebar.
 /// @group window
-$kendo-window-titlebar-border: $kendo-component-header-border !default;
+$kendo-window-titlebar-border: k-color(border) !default;
 /// The background gradient of the Window titlebar.
 /// @group window
-$kendo-window-titlebar-gradient: $kendo-component-header-gradient !default;
+$kendo-window-titlebar-gradient: null !default;
 
 /// The map of the width for the different Window sizes.
 /// @group window
@@ -107,9 +107,9 @@ $kendo-window-sizes: (
 /// The theme colors map for the Window.
 /// @group window
 $kendo-window-theme-colors: (
-    "primary": map.get($kendo-theme-colors, "primary"),
-    "light": map.get($kendo-theme-colors, "light"),
-    "dark": map.get($kendo-theme-colors, "dark")
+    "primary": k-color(primary),
+    "light": k-color(light),
+    "dark": k-color(dark)
 ) !default;
 
 

package/scss/core/color-system/_swatch-legacy.scss

@@ -1,345 +0,0 @@
-@use "../functions/index.import.scss" as *;
-@use "@progress/kendo-theme-core/scss/index.scss" as *;
-
-// Color settings
-$kendo-is-dark-theme: false !default;
-
-// Theme colors
-/// The color that focuses the user attention.
-/// Used for primary buttons and for elements of primary importance across the theme.
-/// @group color-system
-/// @type Color
-$kendo-color-primary: if($kendo-enable-color-system, k-color( primary ), #f35800) !default;
-$kendo-color-primary-lighter: if($kendo-enable-color-system, null, k-color-tint( $kendo-color-primary, 2 )) !default;
-$kendo-color-primary-darker: if($kendo-enable-color-system, null, k-color-shade( $kendo-color-primary, 2 )) !default;
-
-/// The color used along with the primary color denoted by $kendo-color-primary.
-/// Used to provide contrast between the background and foreground colors.
-/// @group color-system
-/// @type Color
-$kendo-color-primary-contrast: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-legacy( $kendo-color-primary )) !default;
-
-/// The secondary color of the theme.
-/// @group color-system
-/// @type Color
-$kendo-color-secondary: if($kendo-enable-color-system, k-color( secondary ), #e9e9e9) !default;
-$kendo-color-secondary-lighter: if($kendo-enable-color-system, null, k-color-tint( $kendo-color-secondary, 2 )) !default;
-$kendo-color-secondary-darker: if($kendo-enable-color-system, null, k-color-shade( $kendo-color-secondary, 2 )) !default;
-
-/// The color used along with the secondary color denoted by $kendo-color-secondary.
-/// Used to provide contrast between the background and foreground colors.
-/// @group color-system
-/// @type Color
-$kendo-color-secondary-contrast: if($kendo-enable-color-system, k-color( on-secondary ), k-contrast-color( $kendo-color-secondary )) !default;
-
-/// The tertiary color of the theme.
-/// @group color-system
-/// @type Color
-$kendo-color-tertiary: if($kendo-enable-color-system, k-color( tertiary ), #03a9f4) !default;
-$kendo-color-tertiary-lighter: if($kendo-enable-color-system, null, k-color-tint( $kendo-color-tertiary, 2 )) !default;
-$kendo-color-tertiary-darker: if($kendo-enable-color-system, null, k-color-shade( $kendo-color-tertiary, 2 )) !default;
-
-/// The color used along with the tertiary color denoted by $kendo-color-tertiary.
-/// Used to provide contrast between the background and foreground colors.
-/// @group color-system
-/// @type Color
-$kendo-color-tertiary-contrast: if($kendo-enable-color-system, k-color( on-tertiary ), k-contrast-color( $kendo-color-tertiary )) !default;
-
-/// The color for informational messages and states.
-/// @group color-system
-/// @type Color
-$kendo-color-info: if($kendo-enable-color-system, k-color( info ), #2498bc) !default;
-$kendo-color-info-lighter: if($kendo-enable-color-system, null, k-color-tint( $kendo-color-info, 2 )) !default;
-$kendo-color-info-darker: if($kendo-enable-color-system, null, k-color-shade( $kendo-color-info, 2 )) !default;
-
-/// The color for success messages and states.
-/// @group color-system
-/// @type Color
-$kendo-color-success: if($kendo-enable-color-system, k-color( success ), #3ea44e) !default;
-$kendo-color-success-lighter: if($kendo-enable-color-system, null, k-color-tint( $kendo-color-success, 2 )) !default;
-$kendo-color-success-darker: if($kendo-enable-color-system, null, k-color-shade( $kendo-color-success, 2 )) !default;
-
-/// The color for warning messages and states.
-/// @group color-system
-/// @type Color
-$kendo-color-warning: if($kendo-enable-color-system, k-color( warning ), #ff9800) !default;
-$kendo-color-warning-lighter: if($kendo-enable-color-system, null, k-color-tint( $kendo-color-warning, 2 )) !default;
-$kendo-color-warning-darker: if($kendo-enable-color-system, null, k-color-shade( $kendo-color-warning, 2 )) !default;
-
-/// The color for error messages and states.
-/// @group color-system
-/// @type Color
-$kendo-color-error: if($kendo-enable-color-system, k-color( error ), #d92800) !default;
-$kendo-color-error-lighter: if($kendo-enable-color-system, null, k-color-tint( $kendo-color-error, 2 )) !default;
-$kendo-color-error-darker: if($kendo-enable-color-system, null, k-color-shade( $kendo-color-error, 2 )) !default;
-
-/// The dark color of the theme.
-/// @group color-system
-/// @type Color
-$kendo-color-dark: if($kendo-enable-color-system, k-color( dark ), #404040) !default;
-
-/// The light color of the theme.
-/// @group color-system
-/// @type Color
-$kendo-color-light: if($kendo-enable-color-system, k-color( light ), #ebebeb) !default;
-
-/// Inverse color of the theme. Depending on the theme luminance dark or light, it will be light or dark
-/// @group color-system
-$kendo-color-inverse: if( $kendo-is-dark-theme, $kendo-color-light, $kendo-color-dark ) !default;
-
-// Generic styles
-
-/// Background color of the body.
-/// @group common
-$kendo-body-bg: if($kendo-enable-color-system, k-color( app-surface ) , #ffffff) !default;
-/// Text color of the body.
-/// @group common
-$kendo-body-text: if($kendo-enable-color-system, k-color( on-app-surface ), #272727) !default;
-
-/// Subtle text color.
-/// @group common
-$kendo-subtle-text: if($kendo-enable-color-system, k-color( subtle ), #646464) !default;
-
-$kendo-app-bg: $kendo-body-bg !default;
-$kendo-app-text: $kendo-body-text !default;
-$kendo-app-border: if($kendo-enable-color-system, k-color( border ), k-try-shade( $kendo-app-bg, 2 )) !default;
-
-/// The background of the components' chrome area.
-$kendo-base-bg: if($kendo-enable-color-system, k-color( surface ), #f0f0f0) !default;
-/// The text color of the components' chrome area.
-$kendo-base-text: $kendo-body-text !default;
-/// The border color of the components' chrome area.
-$kendo-base-border: if($kendo-enable-color-system, $kendo-app-border, k-try-shade( $kendo-base-bg, 2 )) !default;
-/// The gradient background of the components' chrome area.
-$kendo-base-gradient: if($kendo-enable-color-system, null, (rgba( white, .1 ), rgba( white, 0 ))) !default;
-
-// Components
-
-/// Background color of a component.
-/// Note: do not use this variable directly. Instead derive it as `$component-name-bg` e.g. `$kendo-grid-bg: $kendo-component-bg !default;`.
-/// @group component
-$kendo-component-bg: if($kendo-enable-color-system, k-color( surface-alt ), $kendo-body-bg) !default;
-/// Text color of a component.
-/// Note: do not use this variable directly. Instead derive it as `$component-name-text` e.g. `$kendo-grid-text: $kendo-component-text !default;`.
-/// @group component
-$kendo-component-text: $kendo-body-text !default;
-/// Border color of a component.
-/// Note: do not use this variable directly. Instead derive it as `$component-name-border` e.g. `$kendo-grid-border: $kendo-component-border !default;`.
-/// @group component
-$kendo-component-border: if($kendo-enable-color-system, $kendo-app-border, $kendo-base-border) !default;
-
-/// Background color of the component header.
-/// @group component
-$kendo-component-header-bg: $kendo-base-bg !default;
-/// Text color of the component header.
-/// @group component
-$kendo-component-header-text: $kendo-base-text !default;
-/// Border color of the component header.
-/// @group component
-$kendo-component-header-border: $kendo-base-border !default;
-/// Gradient of the component header.
-/// @group component
-$kendo-component-header-gradient: $kendo-base-gradient !default;
-
-/// The background of hovered items.
-$kendo-hover-bg: if($kendo-enable-color-system, k-color( base-hover ), k-try-shade( $kendo-base-bg, 1 )) !default;
-/// The text color of hovered items.
-$kendo-hover-text: $kendo-base-text !default;
-/// The border color of hovered items.
-$kendo-hover-border: if($kendo-enable-color-system, $kendo-base-border, k-try-shade( $kendo-hover-bg, 2 )) !default;
-/// The gradient background of hovered items.
-$kendo-hover-gradient: if($kendo-enable-color-system, null, $kendo-base-gradient) !default;
-
-/// The background of selected items.
-$kendo-selected-bg: $kendo-color-primary !default;
-/// The text color of selected items.
-$kendo-selected-text: if($kendo-enable-color-system, $kendo-color-primary-contrast, k-contrast-legacy( $kendo-selected-bg )) !default;
-/// The border color of selected items.
-$kendo-selected-border: if($kendo-enable-color-system, k-color( primary ), k-try-shade( $kendo-selected-bg, 2 )) !default;
-/// The gradient background of selected items.
-$kendo-selected-gradient: $kendo-base-gradient !default;
-
-/// The background of selected and hovered items.
-$kendo-selected-hover-bg: if($kendo-enable-color-system, k-color( primary-hover ), k-try-shade( $kendo-selected-bg, 1 )) !default;
-/// The text color of selected and hovered items.
-$kendo-selected-hover-text: if($kendo-enable-color-system, $kendo-selected-text, k-contrast-legacy( $kendo-selected-hover-bg )) !default;
-/// The border of selected and hovered items.
-$kendo-selected-hover-border: if($kendo-enable-color-system, k-color( primary-hover ), $kendo-selected-border) !default;
-/// The gradient of selected and hovered items.
-$kendo-selected-hover-gradient: if($kendo-enable-color-system, $kendo-base-gradient, $kendo-selected-gradient) !default;
-
-
-// Link
-/// Text color of the links.
-/// @group common
-$kendo-link-text: $kendo-color-primary !default;
-/// Text color of the links on hover.
-/// @group common
-$kendo-link-hover-text: if($kendo-enable-color-system, k-color( primary-hover ), $kendo-color-primary-darker) !default;
-
-
-/// Background color of the invalid items.
-/// @group component
-$kendo-invalid-bg: null !default;
-/// Text color of the invalid items.
-/// @group component
-$kendo-invalid-text: $kendo-color-error !default;
-/// Border color of the invalid items.
-/// @group component
-$kendo-invalid-border: $kendo-color-error !default;
-/// Shadow of the invalid items.
-/// @group component
-$kendo-invalid-shadow: null !default;
-
-/// Background color of the valid items.
-/// @group component
-$kendo-valid-bg: null !default;
-/// Text color of the valid items.
-/// @group component
-$kendo-valid-text: $kendo-color-success !default;
-/// Border color of the valid items.
-/// @group component
-$kendo-valid-border: $kendo-color-success !default;
-/// Shadow of the valid items.
-/// @group component
-$kendo-valid-shadow: null !default;
-
-// Disabled Styling
-
-/// Background color of the disabled items.
-/// @group component
-$kendo-disabled-bg: null !default;
-/// Text color of the disabled items.
-/// @group component
-$kendo-disabled-text: null !default;
-/// Border color of the disabled items.
-/// @group component
-$kendo-disabled-border: null !default;
-/// Opacity of the disabled items.
-/// @group component
-$kendo-disabled-opacity: .6 !default;
-/// Filter color of the disabled items.
-/// @group component
-$kendo-disabled-filter: grayscale(.1) !default;
-
-$kendo-disabled-styling: (
-    bg: $kendo-disabled-bg,
-    color: $kendo-disabled-text,
-    border: $kendo-disabled-border,
-    opacity: $kendo-disabled-opacity,
-    filter: $kendo-disabled-filter,
-) !default;
-
-$kendo-palettes: () !default;
-
-$kendo-theme-colors: (
-    "primary": $kendo-color-primary,
-    "secondary": $kendo-color-secondary,
-    "tertiary": $kendo-color-tertiary,
-    "info": $kendo-color-info,
-    "success": $kendo-color-success,
-    "warning": $kendo-color-warning,
-    "error": $kendo-color-error,
-    "dark": $kendo-color-dark,
-    "light": $kendo-color-light,
-    "inverse": $kendo-color-inverse
-) !default;
-
-@forward "@progress/kendo-theme-core/scss/color-system/_swatch-legacy.scss" with (
-    $kendo-color-primary: $kendo-color-primary,
-    $kendo-color-primary-lighter: $kendo-color-primary-lighter,
-    $kendo-color-primary-darker: $kendo-color-primary-darker,
-    $kendo-color-primary-contrast: $kendo-color-primary-contrast,
-
-    $kendo-color-secondary: $kendo-color-secondary,
-    $kendo-color-secondary-lighter: $kendo-color-secondary-lighter,
-    $kendo-color-secondary-darker: $kendo-color-secondary-darker,
-    $kendo-color-secondary-contrast: $kendo-color-secondary-contrast,
-
-    $kendo-color-tertiary: $kendo-color-tertiary,
-    $kendo-color-tertiary-lighter: $kendo-color-tertiary-lighter,
-    $kendo-color-tertiary-darker: $kendo-color-tertiary-darker,
-    $kendo-color-tertiary-contrast: $kendo-color-tertiary-contrast,
-
-    $kendo-color-info: $kendo-color-info,
-    $kendo-color-info-lighter: $kendo-color-info-lighter,
-    $kendo-color-info-darker: $kendo-color-info-darker,
-
-    $kendo-color-success: $kendo-color-success,
-    $kendo-color-success-lighter: $kendo-color-success-lighter,
-    $kendo-color-success-darker: $kendo-color-success-darker,
-
-    $kendo-color-warning: $kendo-color-warning,
-    $kendo-color-warning-lighter: $kendo-color-warning-lighter,
-    $kendo-color-warning-darker: $kendo-color-warning-darker,
-
-    $kendo-color-error: $kendo-color-error,
-    $kendo-color-error-lighter: $kendo-color-error-lighter,
-    $kendo-color-error-darker: $kendo-color-error-darker,
-
-    $kendo-color-dark: $kendo-color-dark,
-
-    $kendo-color-light: $kendo-color-light,
-
-    $kendo-color-inverse: $kendo-color-inverse,
-
-    $kendo-body-bg: $kendo-body-bg,
-    $kendo-body-text: $kendo-body-text,
-
-    $kendo-subtle-text: $kendo-subtle-text,
-
-    $kendo-app-bg: $kendo-app-bg,
-    $kendo-app-text: $kendo-app-text,
-    $kendo-app-border: $kendo-app-border,
-
-    $kendo-component-bg: $kendo-component-bg,
-    $kendo-component-text: $kendo-component-text,
-    $kendo-component-border: $kendo-component-border,
-
-    $kendo-base-bg: $kendo-base-bg,
-    $kendo-base-text: $kendo-base-text,
-    $kendo-base-border: $kendo-base-border,
-    $kendo-base-gradient: $kendo-base-gradient,
-
-    $kendo-component-header-bg: $kendo-component-header-bg,
-    $kendo-component-header-text: $kendo-component-header-text,
-    $kendo-component-header-border: $kendo-component-header-border,
-    $kendo-component-header-gradient: $kendo-component-header-gradient,
-
-    $kendo-hover-bg: $kendo-hover-bg,
-    $kendo-hover-text: $kendo-hover-text,
-    $kendo-hover-border: $kendo-hover-border,
-    $kendo-hover-gradient: $kendo-hover-gradient,
-
-    $kendo-selected-bg: $kendo-selected-bg,
-    $kendo-selected-text: $kendo-selected-text,
-    $kendo-selected-border: $kendo-selected-border,
-    $kendo-selected-gradient: $kendo-selected-gradient,
-
-    $kendo-selected-hover-bg: $kendo-selected-hover-bg,
-    $kendo-selected-hover-text: $kendo-selected-hover-text,
-    $kendo-selected-hover-border: $kendo-selected-hover-border,
-    $kendo-selected-hover-gradient: $kendo-selected-hover-gradient,
-
-    $kendo-link-text: $kendo-link-text,
-    $kendo-link-hover-text: $kendo-link-hover-text,
-
-    $kendo-invalid-bg: $kendo-invalid-bg,
-    $kendo-invalid-text: $kendo-invalid-text,
-    $kendo-invalid-border: $kendo-invalid-border,
-    $kendo-invalid-shadow: $kendo-invalid-shadow,
-
-    $kendo-valid-bg: $kendo-valid-bg,
-    $kendo-valid-text: $kendo-valid-text,
-    $kendo-valid-border: $kendo-valid-border,
-    $kendo-valid-shadow: $kendo-valid-shadow,
-
-    $kendo-disabled-bg: $kendo-disabled-bg,
-    $kendo-disabled-text: $kendo-disabled-text,
-    $kendo-disabled-border: $kendo-disabled-border,
-    $kendo-disabled-opacity: $kendo-disabled-opacity,
-    $kendo-disabled-filter: $kendo-disabled-filter,
-
-    $kendo-disabled-styling: $kendo-disabled-styling,
-    $kendo-theme-colors: $kendo-theme-colors
-);