@progress/kendo-theme-classic 7.3.0-dev.1 → 8.0.0-dev.1

package/dist/classic-lavender.scss

@@ -1,36 +1,151 @@
-$kendo-is-dark-theme: false;
-$kendo-color-primary: #9e5da9;
-$kendo-color-secondary: #f6f6f6;
-$kendo-color-info: #3e80ed;
-$kendo-color-success: #5ec232;
-$kendo-color-warning: #fdce3e;
-$kendo-color-error: #d51923;
-$kendo-body-text: #121212;
-$kendo-body-bg: #ffffff;
-$kendo-subtle-text: #666666;
-$kendo-disabled-text: #8f8f8f;
-$kendo-component-text: #121212;
-$kendo-component-bg: #ffffff;
-$kendo-base-text: #121212;
-$kendo-base-bg: #fafafa;
-$kendo-hover-text: #121212;
-$kendo-hover-bg: #ececec;
-$kendo-selected-text: #ffffff;
-$kendo-selected-bg: #9e5da9;
-$kendo-button-text: #121212;
-$kendo-button-bg: #f5f5f5;
-$kendo-link-text: #9e5da9;
-$kendo-link-hover-text: #77467f;
-$kendo-series-a: #bf70cc;
-$kendo-series-b: #ffd246;
-$kendo-series-c: #78d237;
-$kendo-series-d: #28b4c8;
-$kendo-series-e: #2d73f5;
-$kendo-series-f: #aa46be;
+$kendo-enable-color-system: true;
+
+$kendo-colors: (
+	app-surface: #ffffff,
+	on-app-surface: #121212,
+	subtle: #666666,
+	surface: #fafafa,
+	surface-alt: #ffffff,
+	border: #cecece,
+	border-alt: #bababa,
+	base-subtle: #f7f7f7,
+	base-subtle-hover: #f6f6f6,
+	base-subtle-active: #e6e6e6,
+	base: #f5f5f5,
+	base-hover: #e1e1e1,
+	base-active: #cecece,
+	base-emphasis: lightgray,
+	base-on-subtle: #121212,
+	on-base: #121212,
+	base-on-surface: #121212,
+	primary-subtle: #ecdfee,
+	primary-subtle-hover: #ddc6e1,
+	primary-subtle-active: #cfaed4,
+	primary: #9e5da9,
+	primary-hover: #91569b,
+	primary-active: #854e8e,
+	primary-emphasis: #b686bf,
+	primary-on-subtle: #37213b,
+	on-primary: white,
+	primary-on-surface: #77467f,
+	secondary-subtle: #fdfdfd,
+	secondary-subtle-hover: #fcfcfc,
+	secondary-subtle-active: #fbfbfb,
+	secondary: #f6f6f6,
+	secondary-hover: #e2e2e2,
+	secondary-active: #cfcfcf,
+	secondary-emphasis: #f8f8f8,
+	secondary-on-subtle: #565656,
+	on-secondary: black,
+	secondary-on-surface: #b9b9b9,
+	info-subtle: #d8e6fb,
+	info-subtle-hover: #bbd3f9,
+	info-subtle-active: #9fc0f6,
+	info: #3e80ed,
+	info-hover: #3976da,
+	info-active: #346cc7,
+	info-emphasis: #6ea0f2,
+	info-on-subtle: #162d53,
+	on-info: white,
+	info-on-surface: #2f60b2,
+	success-subtle: #dff3d6,
+	success-subtle-hover: #c7eab7,
+	success-subtle-active: #afe199,
+	success: #5ec232,
+	success-hover: #56b22e,
+	success-active: #4fa32a,
+	success-emphasis: #86d165,
+	success-on-subtle: #214412,
+	on-success: white,
+	success-on-surface: #479226,
+	warning-subtle: #fff5d8,
+	warning-subtle-hover: #feeebb,
+	warning-subtle-active: #fee79f,
+	warning: #fdce3e,
+	warning-hover: #e9be39,
+	warning-active: #d5ad34,
+	warning-emphasis: #feda6e,
+	warning-on-subtle: #594816,
+	on-warning: black,
+	warning-on-surface: #be9b2f,
+	error-subtle: #f7d1d3,
+	error-subtle-hover: #f0afb2,
+	error-subtle-active: #ea8c91,
+	error: #d51923,
+	error-hover: #c41720,
+	error-active: #b3151d,
+	error-emphasis: #e0535a,
+	error-on-subtle: #4b090c,
+	on-error: white,
+	error-on-surface: #a0131a,
+	series-a: #bf70cc,
+	series-a-bold: #8f5499,
+	series-a-bolder: #603866,
+	series-a-subtle: #cf94d9,
+	series-a-subtler: #dfb8e6,
+	series-b: #ffd246,
+	series-b-bold: #bf9e35,
+	series-b-bolder: #806923,
+	series-b-subtle: #ffdd74,
+	series-b-subtler: #ffe9a3,
+	series-c: #78d237,
+	series-c-bold: #5a9e29,
+	series-c-bolder: #3c691c,
+	series-c-subtle: #9add69,
+	series-c-subtler: #bce99b,
+	series-d: #28b4c8,
+	series-d-bold: #1e8796,
+	series-d-bolder: #145a64,
+	series-d-subtle: #5ec7d6,
+	series-d-subtler: #94dae4,
+	series-e: #2d73f5,
+	series-e-bold: #2256b8,
+	series-e-bolder: #173a7b,
+	series-e-subtle: #6296f8,
+	series-e-subtler: #96b9fa,
+	series-f: #aa46be,
+	series-f-bold: #80358f,
+	series-f-bolder: #55235f,
+	series-f-subtle: #bf74ce,
+	series-f-subtler: #d5a3df,
+);
+
+@if not ($kendo-enable-color-system) {
+	$kendo-is-dark-theme: false !global;
+	$kendo-color-primary: #9e5da9 !global;
+	$kendo-color-secondary: #f6f6f6 !global;
+	$kendo-color-info: #3e80ed !global;
+	$kendo-color-success: #5ec232 !global;
+	$kendo-color-warning: #fdce3e !global;
+	$kendo-color-error: #d51923 !global;
+	$kendo-body-text: #121212 !global;
+	$kendo-body-bg: #ffffff !global;
+	$kendo-subtle-text: #666666 !global;
+	$kendo-disabled-text: #8f8f8f !global;
+	$kendo-component-text: #121212 !global;
+	$kendo-component-bg: #ffffff !global;
+	$kendo-base-text: #121212 !global;
+	$kendo-base-bg: #fafafa !global;
+	$kendo-hover-text: #121212 !global;
+	$kendo-hover-bg: #ececec !global;
+	$kendo-selected-text: #ffffff !global;
+	$kendo-selected-bg: #9e5da9 !global;
+	$kendo-button-text: #121212 !global;
+	$kendo-button-bg: #f5f5f5 !global;
+	$kendo-link-text: #9e5da9 !global;
+	$kendo-link-hover-text: #77467f !global;
+	$kendo-series-a: #bf70cc !global;
+	$kendo-series-b: #ffd246 !global;
+	$kendo-series-c: #78d237 !global;
+	$kendo-series-d: #28b4c8 !global;
+	$kendo-series-e: #2d73f5 !global;
+	$kendo-series-f: #aa46be !global;
+};
 $kendo-enable-gradients: false;
 $kendo-enable-rounded: true;
 $kendo-focus-shadow: 0 0 0 2px rgba( 0, 0, 0, .12 );
 $kendo-focus-inset-shadow: inset 0 0 0 2px rgba( 0, 0, 0, .12 );
 $kendo-list-item-focus-shadow: $kendo-focus-inset-shadow;
 $kendo-treeview-item-focus-shadow: $kendo-focus-inset-shadow;
+
 @import "all.scss";

package/dist/classic-main-dark.scss

@@ -1,30 +1,156 @@
-$kendo-is-dark-theme: true;
-$kendo-color-primary: #f35800;
-$kendo-color-secondary: #e9e9e9;
-$kendo-color-info: #007bc3;
-$kendo-color-success: #3ea44e;
-$kendo-color-warning: #ff9800;
-$kendo-color-error: #d92800;
-$kendo-body-text: #ffffff;
-$kendo-body-bg: #000000;
-$kendo-subtle-text: #e0e0e0;
-$kendo-disabled-text: #d0d0d0;
-$kendo-component-text: #ffffff;
-$kendo-component-bg: #202020;
-$kendo-base-text: #ffffff;
-$kendo-base-bg: #101010;
-$kendo-hover-text: #ffffff;
-$kendo-hover-bg: #232323;
-$kendo-selected-text: #ffffff;
-$kendo-selected-bg: #ff6358;
-$kendo-button-text: #ffffff;
-$kendo-button-bg: #101010;
-$kendo-link-text: #f35800;
-$kendo-link-hover-text: #cc4a00;
-$kendo-series-a: #007bc3;
-$kendo-series-b: #3ea44e;
-$kendo-series-c: #ffae00;
-$kendo-series-d: #ef4c00;
-$kendo-series-e: #a419b7;
-$kendo-series-f: #430b62;
+$kendo-enable-color-system: true;
+
+$kendo-colors: (
+	app-surface: #000000,
+	on-app-surface: #ffffff,
+	subtle: #e0e0e0,
+	surface: #101010,
+	surface-alt: #202020,
+	border: #5c5c5c,
+	border-alt: #838383,
+	base-subtle: #0d0d0d,
+	base-subtle-hover: #0f0f0f,
+	base-subtle-active: #1e1e1e,
+	base: #101010,
+	base-hover: #363636,
+	base-active: #5c5c5c,
+	base-emphasis: #313131,
+	base-on-subtle: #ffffff,
+	on-base: #ffffff,
+	base-on-surface: #ffffff,
+	primary-subtle: #311200,
+	primary-subtle-hover: #551f00,
+	primary-subtle-active: #7a2c00,
+	primary: #f35800,
+	primary-hover: #f57329,
+	primary-active: #f78d52,
+	primary-emphasis: #b64200,
+	primary-on-subtle: #fbc5a6,
+	on-primary: white,
+	primary-on-surface: #f68240,
+	secondary-subtle: #2f2f2f,
+	secondary-subtle-hover: #525252,
+	secondary-subtle-active: #757575,
+	secondary: #e9e9e9,
+	secondary-hover: #ededed,
+	secondary-active: #f0f0f0,
+	secondary-emphasis: #afafaf,
+	secondary-on-subtle: #f7f7f7,
+	on-secondary: black,
+	secondary-on-surface: #efefef,
+	info-subtle: #001927,
+	info-subtle-hover: #002b44,
+	info-subtle-active: #003e62,
+	info: #007bc3,
+	info-hover: #2990cd,
+	info-active: #52a5d6,
+	info-emphasis: #005c92,
+	info-on-subtle: #a6d1ea,
+	on-info: white,
+	info-on-surface: #409cd2,
+	success-subtle: #0c2110,
+	success-subtle-hover: #16391b,
+	success-subtle-active: #1f5227,
+	success: #3ea44e,
+	success-hover: #5db36a,
+	success-active: #7cc187,
+	success-emphasis: #2f7b3b,
+	success-on-subtle: #bbdfc1,
+	on-success: white,
+	success-on-surface: #6ebb7a,
+	warning-subtle: #331e00,
+	warning-subtle-hover: #593500,
+	warning-subtle-active: #804c00,
+	warning: #ff9800,
+	warning-hover: #ffa829,
+	warning-active: #ffb952,
+	warning-emphasis: #bf7200,
+	warning-on-subtle: #ffdba6,
+	on-warning: white,
+	warning-on-surface: #ffb240,
+	error-subtle: #2b0800,
+	error-subtle-hover: #4c0e00,
+	error-subtle-active: #6d1400,
+	error: #d92800,
+	error-hover: #df4a29,
+	error-active: #e56d52,
+	error-emphasis: #a31e00,
+	error-on-subtle: #f2b4a6,
+	on-error: white,
+	error-on-surface: #e35e40,
+	inverse-subtle: #f0f0f0,
+	inverse-subtle-hover: #ebebeb,
+	inverse-subtle-active: #dddddd,
+	inverse: #ebebeb,
+	inverse-hover: #dddddd,
+	inverse-active: #d6d6d6,
+	inverse-emphasis: #cacaca,
+	inverse-on-subtle: #272727,
+	on-inverse: black,
+	inverse-on-surface: #ebebeb,
+	series-a: #007bc3,
+	series-a-bold: #005c92,
+	series-a-bolder: #003e62,
+	series-a-subtle: #409cd2,
+	series-a-subtler: #80bde1,
+	series-b: #3ea44e,
+	series-b-bold: #2f7b3b,
+	series-b-bolder: #1f5227,
+	series-b-subtle: #6ebb7a,
+	series-b-subtler: #9fd2a7,
+	series-c: #ffae00,
+	series-c-bold: #bf8300,
+	series-c-bolder: #805700,
+	series-c-subtle: #ffc240,
+	series-c-subtler: #ffd780,
+	series-d: #ef4c00,
+	series-d-bold: #b33900,
+	series-d-bolder: #782600,
+	series-d-subtle: #f37940,
+	series-d-subtler: #f7a680,
+	series-e: #a419b7,
+	series-e-bold: #7b1389,
+	series-e-bolder: #520d5c,
+	series-e-subtle: #bb53c9,
+	series-e-subtler: #d28cdb,
+	series-f: #430b62,
+	series-f-bold: #32084a,
+	series-f-bolder: #220631,
+	series-f-subtle: #724889,
+	series-f-subtler: #a185b1,
+);
+
+@if not ($kendo-enable-color-system) {
+	$kendo-is-dark-theme: true !global;
+	$kendo-color-primary: #f35800 !global;
+	$kendo-color-secondary: #e9e9e9 !global;
+	$kendo-color-info: #007bc3 !global;
+	$kendo-color-success: #3ea44e !global;
+	$kendo-color-warning: #ff9800 !global;
+	$kendo-color-error: #d92800 !global;
+	$kendo-body-text: #ffffff !global;
+	$kendo-body-bg: #000000 !global;
+	$kendo-subtle-text: #e0e0e0 !global;
+	$kendo-disabled-text: #d0d0d0 !global;
+	$kendo-component-text: #ffffff !global;
+	$kendo-component-bg: #202020 !global;
+	$kendo-base-text: #ffffff !global;
+	$kendo-base-bg: #101010 !global;
+	$kendo-hover-text: #ffffff !global;
+	$kendo-hover-bg: #232323 !global;
+	$kendo-selected-text: #ffffff !global;
+	$kendo-selected-bg: #ff6358 !global;
+	$kendo-button-text: #ffffff !global;
+	$kendo-button-bg: #101010 !global;
+	$kendo-link-text: #f35800 !global;
+	$kendo-link-hover-text: #cc4a00 !global;
+	$kendo-series-a: #007bc3 !global;
+	$kendo-series-b: #3ea44e !global;
+	$kendo-series-c: #ffae00 !global;
+	$kendo-series-d: #ef4c00 !global;
+	$kendo-series-e: #a419b7 !global;
+	$kendo-series-f: #430b62 !global;
+};
+
+
 @import "all.scss";

package/dist/classic-main.scss

@@ -1,30 +1,35 @@
-$kendo-is-dark-theme: false;
-$kendo-color-primary: #f35800;
-$kendo-color-secondary: #e9e9e9;
-$kendo-color-info: #007bc3;
-$kendo-color-success: #3ea44e;
-$kendo-color-warning: #ff9800;
-$kendo-color-error: #d92800;
-$kendo-body-text: #272727;
-$kendo-body-bg: #ffffff;
-$kendo-subtle-text: #666666;
-$kendo-disabled-text: #8f8f8f;
-$kendo-component-text: #272727;
-$kendo-component-bg: #ffffff;
-$kendo-base-text: #272727;
-$kendo-base-bg: #f0f0f0;
-$kendo-hover-text: #272727;
-$kendo-hover-bg: #bababa;
-$kendo-selected-text: #ffffff;
-$kendo-selected-bg: #ff6358;
-$kendo-button-text: #272727;
-$kendo-button-bg: #f0f0f0;
-$kendo-link-text: #f35800;
-$kendo-link-hover-text: #cc4a00;
-$kendo-series-a: #007bc3;
-$kendo-series-b: #3ea44e;
-$kendo-series-c: #ffae00;
-$kendo-series-d: #ef4c00;
-$kendo-series-e: #a419b7;
-$kendo-series-f: #430b62;
+$kendo-enable-color-system: true;
+@if not ($kendo-enable-color-system) {
+	$kendo-is-dark-theme: false !global;
+	$kendo-color-primary: #f35800 !global;
+	$kendo-color-secondary: #e9e9e9 !global;
+	$kendo-color-info: #007bc3 !global;
+	$kendo-color-success: #3ea44e !global;
+	$kendo-color-warning: #ff9800 !global;
+	$kendo-color-error: #d92800 !global;
+	$kendo-body-text: #272727 !global;
+	$kendo-body-bg: #ffffff !global;
+	$kendo-subtle-text: #666666 !global;
+	$kendo-disabled-text: #8f8f8f !global;
+	$kendo-component-text: #272727 !global;
+	$kendo-component-bg: #ffffff !global;
+	$kendo-base-text: #272727 !global;
+	$kendo-base-bg: #f0f0f0 !global;
+	$kendo-hover-text: #272727 !global;
+	$kendo-hover-bg: #bababa !global;
+	$kendo-selected-text: #ffffff !global;
+	$kendo-selected-bg: #ff6358 !global;
+	$kendo-button-text: #272727 !global;
+	$kendo-button-bg: #f0f0f0 !global;
+	$kendo-link-text: #f35800 !global;
+	$kendo-link-hover-text: #cc4a00 !global;
+	$kendo-series-a: #007bc3 !global;
+	$kendo-series-b: #3ea44e !global;
+	$kendo-series-c: #ffae00 !global;
+	$kendo-series-d: #ef4c00 !global;
+	$kendo-series-e: #a419b7 !global;
+	$kendo-series-f: #430b62 !global;
+};
+
+
 @import "all.scss";

package/dist/classic-metro-dark.scss

@@ -1,41 +1,166 @@
-$kendo-is-dark-theme: true;
-$kendo-color-primary: #008381;
-$kendo-color-secondary: #2c232b;
-$kendo-color-info: #007bc3;
-$kendo-color-success: #3ea44e;
-$kendo-color-warning: #ff9800;
-$kendo-color-error: #d92800;
-$kendo-body-bg: #000000;
-$kendo-body-text: #ffffff;
-$kendo-subtle-text: #e0e0e0;
-$kendo-disabled-text: #d0d0d0;
-$kendo-component-bg: #0e0e0e;
-$kendo-component-text: #ffffff;
-$kendo-component-border: #323232;
-$kendo-base-bg: #0e0e0e;
-$kendo-base-text: #ffffff;
-$kendo-base-border: #323232;
-$kendo-hover-bg: #004443;
-$kendo-hover-text: #ffffff;
-$kendo-hover-border: #323232;
-$kendo-selected-bg: #008381;
-$kendo-selected-text: #ffffff;
-$kendo-button-bg: #2c232b;
-$kendo-button-text: #ffffff;
-$kendo-button-border: #323232;
-$kendo-link-text: #008381;
-$kendo-link-hover-text: #00a7a5;
-$kendo-series-a: #007bc3;
-$kendo-series-b: #3ea44e;
-$kendo-series-c: #ffae00;
-$kendo-series-d: #ef4c00;
-$kendo-series-e: #a419b7;
-$kendo-series-f: #430b62;
+$kendo-enable-color-system: true;
+
+$kendo-colors: (
+	app-surface: #000000,
+	on-app-surface: #ffffff,
+	subtle: #e0e0e0,
+	surface: #0e0e0e,
+	surface-alt: #0e0e0e,
+	border: #323232,
+	border-alt: #918d91,
+	base-subtle: #231c22,
+	base-subtle-hover: #282028,
+	base-subtle-active: #393038,
+	base: #2c232b,
+	base-hover: #4e464d,
+	base-active: #70696f,
+	base-emphasis: #4a4249,
+	base-on-subtle: #ffffff,
+	on-base: #ffffff,
+	base-on-surface: #ffffff,
+	primary-subtle: #001a1a,
+	primary-subtle-hover: #002e2d,
+	primary-subtle-active: #004241,
+	primary: #008381,
+	primary-hover: #299795,
+	primary-active: #52aba9,
+	primary-emphasis: #006261,
+	primary-on-subtle: #a6d4d3,
+	on-primary: white,
+	primary-on-surface: #40a2a1,
+	secondary-subtle: #090709,
+	secondary-subtle-hover: #0f0c0f,
+	secondary-subtle-active: #161216,
+	secondary: #2c232b,
+	secondary-hover: #4e464d,
+	secondary-active: #70696f,
+	secondary-emphasis: #211a20,
+	secondary-on-subtle: #b5b2b5,
+	on-secondary: white,
+	secondary-on-surface: #615a60,
+	info-subtle: #001927,
+	info-subtle-hover: #002b44,
+	info-subtle-active: #003e62,
+	info: #007bc3,
+	info-hover: #2990cd,
+	info-active: #52a5d6,
+	info-emphasis: #005c92,
+	info-on-subtle: #a6d1ea,
+	on-info: white,
+	info-on-surface: #409cd2,
+	success-subtle: #0c2110,
+	success-subtle-hover: #16391b,
+	success-subtle-active: #1f5227,
+	success: #3ea44e,
+	success-hover: #5db36a,
+	success-active: #7cc187,
+	success-emphasis: #2f7b3b,
+	success-on-subtle: #bbdfc1,
+	on-success: white,
+	success-on-surface: #6ebb7a,
+	warning-subtle: #331e00,
+	warning-subtle-hover: #593500,
+	warning-subtle-active: #804c00,
+	warning: #ff9800,
+	warning-hover: #ffa829,
+	warning-active: #ffb952,
+	warning-emphasis: #bf7200,
+	warning-on-subtle: #ffdba6,
+	on-warning: white,
+	warning-on-surface: #ffb240,
+	error-subtle: #2b0800,
+	error-subtle-hover: #4c0e00,
+	error-subtle-active: #6d1400,
+	error: #d92800,
+	error-hover: #df4a29,
+	error-active: #e56d52,
+	error-emphasis: #a31e00,
+	error-on-subtle: #f2b4a6,
+	on-error: white,
+	error-on-surface: #e35e40,
+	inverse-subtle: #f0f0f0,
+	inverse-subtle-hover: #ebebeb,
+	inverse-subtle-active: #dddddd,
+	inverse: #ebebeb,
+	inverse-hover: #dddddd,
+	inverse-active: #d6d6d6,
+	inverse-emphasis: #cacaca,
+	inverse-on-subtle: #272727,
+	on-inverse: black,
+	inverse-on-surface: #ebebeb,
+	series-a: #007bc3,
+	series-a-bold: #005c92,
+	series-a-bolder: #003e62,
+	series-a-subtle: #409cd2,
+	series-a-subtler: #80bde1,
+	series-b: #3ea44e,
+	series-b-bold: #2f7b3b,
+	series-b-bolder: #1f5227,
+	series-b-subtle: #6ebb7a,
+	series-b-subtler: #9fd2a7,
+	series-c: #ffae00,
+	series-c-bold: #bf8300,
+	series-c-bolder: #805700,
+	series-c-subtle: #ffc240,
+	series-c-subtler: #ffd780,
+	series-d: #ef4c00,
+	series-d-bold: #b33900,
+	series-d-bolder: #782600,
+	series-d-subtle: #f37940,
+	series-d-subtler: #f7a680,
+	series-e: #a419b7,
+	series-e-bold: #7b1389,
+	series-e-bolder: #520d5c,
+	series-e-subtle: #bb53c9,
+	series-e-subtler: #d28cdb,
+	series-f: #430b62,
+	series-f-bold: #32084a,
+	series-f-bolder: #220631,
+	series-f-subtle: #724889,
+	series-f-subtler: #a185b1,
+);
+
+@if not ($kendo-enable-color-system) {
+	$kendo-is-dark-theme: true !global;
+	$kendo-color-primary: #008381 !global;
+	$kendo-color-secondary: #2c232b !global;
+	$kendo-color-info: #007bc3 !global;
+	$kendo-color-success: #3ea44e !global;
+	$kendo-color-warning: #ff9800 !global;
+	$kendo-color-error: #d92800 !global;
+	$kendo-body-bg: #000000 !global;
+	$kendo-body-text: #ffffff !global;
+	$kendo-subtle-text: #e0e0e0 !global;
+	$kendo-disabled-text: #d0d0d0 !global;
+	$kendo-component-bg: #0e0e0e !global;
+	$kendo-component-text: #ffffff !global;
+	$kendo-component-border: #323232 !global;
+	$kendo-base-bg: #0e0e0e !global;
+	$kendo-base-text: #ffffff !global;
+	$kendo-base-border: #323232 !global;
+	$kendo-hover-bg: #004443 !global;
+	$kendo-hover-text: #ffffff !global;
+	$kendo-hover-border: #323232 !global;
+	$kendo-selected-bg: #008381 !global;
+	$kendo-selected-text: #ffffff !global;
+	$kendo-button-bg: #2c232b !global;
+	$kendo-button-text: #ffffff !global;
+	$kendo-button-border: #323232 !global;
+	$kendo-link-text: #008381 !global;
+	$kendo-link-hover-text: #00a7a5 !global;
+	$kendo-series-a: #007bc3 !global;
+	$kendo-series-b: #3ea44e !global;
+	$kendo-series-c: #ffae00 !global;
+	$kendo-series-d: #ef4c00 !global;
+	$kendo-series-e: #a419b7 !global;
+	$kendo-series-f: #430b62 !global;
+	$kendo-grid-alt-bg: #1d1d1d !global;
+};
 $kendo-enable-gradients: false;
 $kendo-enable-rounded: false;
 $kendo-focus-shadow: 0 0 0 2px rgba( 255, 255, 255, .75 );
 $kendo-focus-inset-shadow: inset 0 0 0 2px rgba( 255, 255, 255, .75 );
 $kendo-list-item-focus-shadow: $kendo-focus-inset-shadow;
 $kendo-treeview-item-focus-shadow: $kendo-focus-inset-shadow;
-$kendo-grid-alt-bg: #1d1d1d;
+
 @import "all.scss";