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

package/dist/default-blue.scss

@@ -1,30 +1,144 @@
-$kendo-is-dark-theme: false;
-$kendo-color-primary: #23bde0;
-$kendo-color-secondary: #f6f6f6;
-$kendo-color-info: #3e80ed;
-$kendo-color-success: #5ec232;
-$kendo-color-warning: #fdce3e;
-$kendo-color-error: #d51923;
-$kendo-body-text: #424242;
-$kendo-body-bg: #ffffff;
-$kendo-subtle-text: #666666;
-$kendo-disabled-text: #8f8f8f;
-$kendo-component-text: #424242;
-$kendo-component-bg: #ffffff;
-$kendo-base-text: #424242;
-$kendo-base-bg: #fafafa;
-$kendo-hover-text: #424242;
-$kendo-hover-bg: #ececec;
-$kendo-selected-text: #ffffff;
-$kendo-selected-bg: #23bde0;
-$kendo-button-text: #424242;
-$kendo-button-bg: #f5f5f5;
-$kendo-link-text: #23bde0;
-$kendo-link-hover-text: #1d9fbc;
-$kendo-series-a: #23bde0;
-$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: #424242,
+	subtle: #666666,
+	surface: #fafafa,
+	surface-alt: #ffffff,
+	base-subtle: #ebebeb,
+	base-subtle-hover: #e1e1e1,
+	base-subtle-active: #d5d5d5,
+	base: #f5f5f5,
+	base-hover: #ebebeb,
+	base-active: #d8d8d8,
+	base-emphasis: #c2c2c2,
+	base-on-subtle: #424242,
+	on-base: #424242,
+	base-on-surface: #424242,
+	primary-subtle: #d3f2f9,
+	primary-subtle-hover: #b2e8f4,
+	primary-subtle-active: #91def0,
+	primary: #23bde0,
+	primary-hover: #22b5d7,
+	primary-active: #1fa6c5,
+	primary-emphasis: #5acee8,
+	primary-on-subtle: #0c424e,
+	on-primary: white,
+	primary-on-surface: #1a8ea8,
+	secondary-subtle: #fdfdfd,
+	secondary-subtle-hover: #fcfcfc,
+	secondary-subtle-active: #fbfbfb,
+	secondary: #f6f6f6,
+	secondary-hover: #ececec,
+	secondary-active: #d8d8d8,
+	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: #3c7be4,
+	info-active: #3771d1,
+	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: #5aba30,
+	success-active: #53ab2c,
+	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: #f3c63c,
+	warning-active: #dfb537,
+	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: #cc1822,
+	error-active: #bb161f,
+	error-emphasis: #e0535a,
+	error-on-subtle: #4b090c,
+	on-error: white,
+	error-on-surface: #a0131a,
+	series-a: #23bde0,
+	series-a-bold: #1a8ea8,
+	series-a-bolder: #125f70,
+	series-a-subtle: #5acee8,
+	series-a-subtler: #91def0,
+	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: #23bde0 !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: #424242 !global;
+	$kendo-body-bg: #ffffff !global;
+	$kendo-subtle-text: #666666 !global;
+	$kendo-disabled-text: #8f8f8f !global;
+	$kendo-component-text: #424242 !global;
+	$kendo-component-bg: #ffffff !global;
+	$kendo-base-text: #424242 !global;
+	$kendo-base-bg: #fafafa !global;
+	$kendo-hover-text: #424242 !global;
+	$kendo-hover-bg: #ececec !global;
+	$kendo-selected-text: #ffffff !global;
+	$kendo-selected-bg: #23bde0 !global;
+	$kendo-button-text: #424242 !global;
+	$kendo-button-bg: #f5f5f5 !global;
+	$kendo-link-text: #23bde0 !global;
+	$kendo-link-hover-text: #1d9fbc !global;
+	$kendo-series-a: #23bde0 !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;
+};
+
+
 @import "all.scss";

package/dist/default-dataviz-v4.scss

@@ -1,7 +1,46 @@
-$kendo-series-a: #ff6358;
-$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: (
+	series-a: #ff6358,
+	series-a-bold: #bf4a42,
+	series-a-bolder: #80322c,
+	series-a-subtle: #ff8a82,
+	series-a-subtler: #ffb1ac,
+	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-series-a: #ff6358 !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;
+};
+
+
 @import "all.scss";

package/dist/default-green.scss

@@ -1,30 +1,136 @@
-$kendo-is-dark-theme: false;
-$kendo-color-primary: #53b827;
-$kendo-color-secondary: #f6f6f6;
-$kendo-color-info: #3e80ed;
-$kendo-color-success: #5ec232;
-$kendo-color-warning: #fdce3e;
-$kendo-color-error: #d51923;
-$kendo-body-text: #424242;
-$kendo-body-bg: #ffffff;
-$kendo-subtle-text: #666666;
-$kendo-disabled-text: #8f8f8f;
-$kendo-component-text: #424242;
-$kendo-component-bg: #ffffff;
-$kendo-base-text: #424242;
-$kendo-base-bg: #fafafa;
-$kendo-hover-text: #424242;
-$kendo-hover-bg: #ececec;
-$kendo-selected-text: #ffffff;
-$kendo-selected-bg: #53b827;
-$kendo-button-text: #424242;
-$kendo-button-bg: #f5f5f5;
-$kendo-link-text: #53b827;
-$kendo-link-hover-text: #469b21;
-$kendo-series-a: #53b827;
-$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: #424242,
+	subtle: #666666,
+	surface: #fafafa,
+	surface-alt: #ffffff,
+	base-subtle: #ebebeb,
+	base-subtle-hover: #e1e1e1,
+	base-subtle-active: #d5d5d5,
+	base: #f5f5f5,
+	base-hover: #ebebeb,
+	base-active: #d8d8d8,
+	base-emphasis: #c2c2c2,
+	base-on-subtle: #424242,
+	on-base: #424242,
+	base-on-surface: #424242,
+	primary-subtle: #ddf1d4,
+	primary-subtle-hover: #c3e6b3,
+	primary-subtle-active: #a9dc93,
+	primary: #53b827,
+	primary-hover: #50b125,
+	primary-active: #49a222,
+	primary-emphasis: #7eca5d,
+	primary-on-subtle: #1d400e,
+	on-primary: white,
+	primary-on-surface: #3e8a1d,
+	secondary-subtle: #fdfdfd,
+	secondary-subtle-hover: #fcfcfc,
+	secondary-subtle-active: #fbfbfb,
+	secondary: #f6f6f6,
+	secondary-hover: #ececec,
+	secondary-active: #d8d8d8,
+	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: #3c7be4,
+	info-active: #3771d1,
+	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: #5aba30,
+	success-active: #53ab2c,
+	success-emphasis: #86d165,
+	success-on-subtle: #214412,
+	on-success: white,
+	success-on-surface: #479226,
+	warning-subtle: #fff5d8,
+	warning-subtle-hover: #feeebb,
+	error-subtle: #f7d1d3,
+	error-subtle-hover: #f0afb2,
+	error-subtle-active: #ea8c91,
+	error: #d51923,
+	error-hover: #cc1822,
+	error-active: #bb161f,
+	error-emphasis: #e0535a,
+	error-on-subtle: #4b090c,
+	on-error: white,
+	error-on-surface: #a0131a,
+	series-a: #53b827,
+	series-a-bold: #3e8a1d,
+	series-a-bolder: #2a5c14,
+	series-a-subtle: #7eca5d,
+	series-a-subtler: #a9dc93,
+	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: #53b827 !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: #424242 !global;
+	$kendo-body-bg: #ffffff !global;
+	$kendo-subtle-text: #666666 !global;
+	$kendo-disabled-text: #8f8f8f !global;
+	$kendo-component-text: #424242 !global;
+	$kendo-component-bg: #ffffff !global;
+	$kendo-base-text: #424242 !global;
+	$kendo-base-bg: #fafafa !global;
+	$kendo-hover-text: #424242 !global;
+	$kendo-hover-bg: #ececec !global;
+	$kendo-selected-text: #ffffff !global;
+	$kendo-selected-bg: #53b827 !global;
+	$kendo-button-text: #424242 !global;
+	$kendo-button-bg: #f5f5f5 !global;
+	$kendo-link-text: #53b827 !global;
+	$kendo-link-hover-text: #469b21 !global;
+	$kendo-series-a: #53b827 !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;
+};
+
+
 @import "all.scss";

package/dist/default-main-dark.scss

@@ -1,35 +1,191 @@
-$kendo-is-dark-theme: true;
-$kendo-color-primary: #E6594F;
-$kendo-color-secondary: #5C5C5C;
-$kendo-color-tertiary: #0398DC;
-$kendo-color-info: #004FD2;
-$kendo-color-success: #32A200;
-$kendo-color-warning: #E6AD00;
-$kendo-color-error: #DB1500;
-$kendo-color-light: #BDBDBD;
-$kendo-color-dark: #292929;
-$kendo-body-text: #EBEBEB;
-$kendo-body-bg: #121212;
-$kendo-subtle-text: #808080;
-$kendo-disabled-text: #4D4D4D;
-$kendo-component-text: #EBEBEB;
-$kendo-component-bg: #333333;
-$kendo-base-text: #EBEBEB;
-$kendo-base-bg: #262626;
-$kendo-base-border: #5E5E5E;
-$kendo-hover-text: #EBEBEB;
-$kendo-hover-bg: #383838;
-$kendo-selected-text: #F5F5F5;
-$kendo-selected-bg: #E6594F;
-$kendo-button-text: #EBEBEB;
-$kendo-button-bg: #1D1D1D;
-$kendo-button-border: #383838;
-$kendo-link-text: #E6594F;
-$kendo-link-hover-text: #EE8E87;
-$kendo-series-a: #E6594F;
-$kendo-series-b: #E6CB58;
-$kendo-series-c: #44BC73;
-$kendo-series-d: #4456E1;
-$kendo-series-e: #9B4FE6;
-$kendo-series-f: #E64F83;
+$kendo-enable-color-system: true;
+
+$kendo-colors: (
+	app-surface: #121212,
+	on-app-surface: #EBEBEB,
+	subtle: #808080,
+	surface: #262626,
+	surface-alt: #333333,
+	border: rgba(255, 255, 255, 0.08),
+	border-alt: rgba(255, 255, 255, 0.16),
+	base-subtle: #1c1c1c,
+	base-subtle-hover: #2f2f2f,
+	base-subtle-active: #191919,
+	base: #1D1D1D,
+	base-hover: #2f2f2f,
+	base-active: #535353,
+	base-emphasis: #171717,
+	base-on-subtle: #EBEBEB,
+	on-base: #EBEBEB,
+	base-on-surface: #EBEBEB,
+	primary-subtle: #2e1210,
+	primary-subtle-hover: #511f1c,
+	primary-subtle-active: #732d28,
+	primary: #E6594F,
+	primary-hover: #e8665d,
+	primary-active: #ec8179,
+	primary-emphasis: #ad433b,
+	primary-on-subtle: #f6c5c1,
+	on-primary: white,
+	primary-on-surface: #ad433b,
+	secondary-subtle: #121212,
+	secondary-subtle-hover: #202020,
+	secondary-subtle-active: #2e2e2e,
+	secondary: #5C5C5C,
+	secondary-hover: dimgray,
+	secondary-active: #838383,
+	secondary-emphasis: #454545,
+	secondary-on-subtle: #c6c6c6,
+	on-secondary: white,
+	secondary-on-surface: #454545,
+	tertiary-subtle: #011e2c,
+	tertiary-subtle-hover: #01354d,
+	tertiary-subtle-active: #024c6e,
+	tertiary: #0398DC,
+	tertiary-hover: #17a0df,
+	tertiary-active: #3fb1e4,
+	tertiary-emphasis: #0272a5,
+	tertiary-on-subtle: #a7dbf3,
+	on-tertiary: white,
+	tertiary-on-surface: #0272a5,
+	info-subtle: #00102a,
+	info-subtle-hover: #001c4a,
+	info-subtle-active: #002869,
+	info: #004FD2,
+	info-hover: #145dd6,
+	info-active: #3d79dd,
+	info-emphasis: #003b9e,
+	info-on-subtle: #a6c1ef,
+	on-info: white,
+	info-on-surface: #003b9e,
+	success-subtle: #0a2000,
+	success-subtle-hover: #123900,
+	success-subtle-active: #195100,
+	success: #32A200,
+	success-hover: #42a914,
+	success-active: #63b83d,
+	success-emphasis: #267a00,
+	success-on-subtle: #b7dea6,
+	on-success: white,
+	success-on-surface: #267a00,
+	warning-subtle: #2e2300,
+	warning-subtle-hover: #513d00,
+	warning-subtle-active: #735700,
+	warning: #E6AD00,
+	warning-hover: #e8b414,
+	warning-active: #ecc13d,
+	warning-emphasis: #ad8200,
+	warning-on-subtle: #f6e2a6,
+	on-warning: white,
+	warning-on-surface: #ad8200,
+	error-subtle: #2c0400,
+	error-subtle-hover: #4d0700,
+	error-subtle-active: #6e0b00,
+	error: #DB1500,
+	error-hover: #de2814,
+	error-active: #e44d3d,
+	error-emphasis: #a41000,
+	error-on-subtle: #f2ada6,
+	on-error: white,
+	error-on-surface: #a41000,
+	light-subtle: #262626,
+	light-subtle-hover: #424242,
+	light-subtle-active: #5f5f5f,
+	light: #BDBDBD,
+	light-hover: #c2c2c2,
+	light-active: #cdcdcd,
+	light-emphasis: #8e8e8e,
+	light-on-subtle: #e8e8e8,
+	on-light: black,
+	light-on-surface: #8e8e8e,
+	dark-subtle: #080808,
+	dark-subtle-hover: #0e0e0e,
+	dark-subtle-active: #151515,
+	dark: #292929,
+	dark-hover: #3a3a3a,
+	dark-active: #5c5c5c,
+	dark-emphasis: #1f1f1f,
+	dark-on-subtle: #b4b4b4,
+	on-dark: white,
+	dark-on-surface: #1f1f1f,
+	inverse-subtle: #262626,
+	inverse-subtle-hover: #424242,
+	inverse-subtle-active: #5f5f5f,
+	inverse: #BDBDBD,
+	inverse-hover: #c2c2c2,
+	inverse-active: #cdcdcd,
+	inverse-emphasis: #8e8e8e,
+	inverse-on-subtle: #e8e8e8,
+	on-inverse: black,
+	inverse-on-surface: #8e8e8e,
+	series-a: #E6594F,
+	series-a-bold: #ad433b,
+	series-a-bolder: #732d28,
+	series-a-subtle: #ec837b,
+	series-a-subtler: #f3aca7,
+	series-b: #E6CB58,
+	series-b-bold: #ad9842,
+	series-b-bolder: #73662c,
+	series-b-subtle: #ecd882,
+	series-b-subtler: #f3e5ac,
+	series-c: #44BC73,
+	series-c-bold: #338d56,
+	series-c-bolder: #225e3a,
+	series-c-subtle: #73cd96,
+	series-c-subtler: #a2deb9,
+	series-d: #4456E1,
+	series-d-bold: #3341a9,
+	series-d-bolder: #222b71,
+	series-d-subtle: #7380e9,
+	series-d-subtler: #a2abf0,
+	series-e: #9B4FE6,
+	series-e-bold: #743bad,
+	series-e-bolder: #4e2873,
+	series-e-subtle: #b47bec,
+	series-e-subtler: #cda7f3,
+	series-f: #E64F83,
+	series-f-bold: #ad3b62,
+	series-f-bolder: #732842,
+	series-f-subtle: #ec7ba2,
+	series-f-subtler: #f3a7c1,
+);
+
+@if not ($kendo-enable-color-system) {
+	$kendo-is-dark-theme: true !global;
+	$kendo-color-primary: #E6594F !global;
+	$kendo-color-secondary: #5C5C5C !global;
+	$kendo-color-tertiary: #0398DC !global;
+	$kendo-color-info: #004FD2 !global;
+	$kendo-color-success: #32A200 !global;
+	$kendo-color-warning: #E6AD00 !global;
+	$kendo-color-error: #DB1500 !global;
+	$kendo-color-light: #BDBDBD !global;
+	$kendo-color-dark: #292929 !global;
+	$kendo-body-text: #EBEBEB !global;
+	$kendo-body-bg: #121212 !global;
+	$kendo-subtle-text: #808080 !global;
+	$kendo-disabled-text: #4D4D4D !global;
+	$kendo-component-text: #EBEBEB !global;
+	$kendo-component-bg: #333333 !global;
+	$kendo-base-text: #EBEBEB !global;
+	$kendo-base-bg: #262626 !global;
+	$kendo-base-border: #5E5E5E !global;
+	$kendo-hover-text: #EBEBEB !global;
+	$kendo-hover-bg: #383838 !global;
+	$kendo-selected-text: #F5F5F5 !global;
+	$kendo-selected-bg: #E6594F !global;
+	$kendo-button-text: #EBEBEB !global;
+	$kendo-button-bg: #1D1D1D !global;
+	$kendo-button-border: #383838 !global;
+	$kendo-link-text: #E6594F !global;
+	$kendo-link-hover-text: #EE8E87 !global;
+	$kendo-series-a: #E6594F !global;
+	$kendo-series-b: #E6CB58 !global;
+	$kendo-series-c: #44BC73 !global;
+	$kendo-series-d: #4456E1 !global;
+	$kendo-series-e: #9B4FE6 !global;
+	$kendo-series-f: #E64F83 !global;
+};
+
+
 @import "all.scss";

package/dist/default-main.scss

@@ -1,30 +1,35 @@
-$kendo-is-dark-theme: false;
-$kendo-color-primary: #ff6358;
-$kendo-color-secondary: #666666;
-$kendo-color-info: #0058e9;
-$kendo-color-success: #37b400;
-$kendo-color-warning: #ffc000;
-$kendo-color-error: #f31700;
-$kendo-body-text: #424242;
-$kendo-body-bg: #ffffff;
-$kendo-subtle-text: #666666;
-$kendo-disabled-text: #8f8f8f;
-$kendo-component-text: #424242;
-$kendo-component-bg: #ffffff;
-$kendo-base-text: #424242;
-$kendo-base-bg: #fafafa;
-$kendo-hover-text: #424242;
-$kendo-hover-bg: #ececec;
-$kendo-selected-text: #ffffff;
-$kendo-selected-bg: #ff6358;
-$kendo-button-text: #424242;
-$kendo-button-bg: #f5f5f5;
-$kendo-link-text: #ff6358;
-$kendo-link-hover-text: #d6534a;
-$kendo-series-a: #ff6358;
-$kendo-series-b: #ffe162;
-$kendo-series-c: #4cd180;
-$kendo-series-d: #4b5ffa;
-$kendo-series-e: #ac58ff;
-$kendo-series-f: #ff5892;
+$kendo-enable-color-system: true;
+@if not ($kendo-enable-color-system) {
+	$kendo-is-dark-theme: false !global;
+	$kendo-color-primary: #ff6358 !global;
+	$kendo-color-secondary: #666666 !global;
+	$kendo-color-info: #0058e9 !global;
+	$kendo-color-success: #37b400 !global;
+	$kendo-color-warning: #ffc000 !global;
+	$kendo-color-error: #f31700 !global;
+	$kendo-body-text: #424242 !global;
+	$kendo-body-bg: #ffffff !global;
+	$kendo-subtle-text: #666666 !global;
+	$kendo-disabled-text: #8f8f8f !global;
+	$kendo-component-text: #424242 !global;
+	$kendo-component-bg: #ffffff !global;
+	$kendo-base-text: #424242 !global;
+	$kendo-base-bg: #fafafa !global;
+	$kendo-hover-text: #424242 !global;
+	$kendo-hover-bg: #ececec !global;
+	$kendo-selected-text: #ffffff !global;
+	$kendo-selected-bg: #ff6358 !global;
+	$kendo-button-text: #424242 !global;
+	$kendo-button-bg: #f5f5f5 !global;
+	$kendo-link-text: #ff6358 !global;
+	$kendo-link-hover-text: #d6534a !global;
+	$kendo-series-a: #ff6358 !global;
+	$kendo-series-b: #ffe162 !global;
+	$kendo-series-c: #4cd180 !global;
+	$kendo-series-d: #4b5ffa !global;
+	$kendo-series-e: #ac58ff !global;
+	$kendo-series-f: #ff5892 !global;
+};
+
+
 @import "all.scss";