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

package/dist/classic-opal.scss

@@ -1,30 +1,146 @@
-$kendo-is-dark-theme: false;
-$kendo-color-primary: #7bd2f6;
-$kendo-color-secondary: #daecf4;
-$kendo-color-info: #007bc3;
-$kendo-color-success: #3ea44e;
-$kendo-color-warning: #ff9800;
-$kendo-color-error: #d92800;
-$kendo-body-text: #003f59;
-$kendo-body-bg: #ffffff;
-$kendo-subtle-text: #666666;
-$kendo-disabled-text: #8f8f8f;
-$kendo-component-text: #003f59;
-$kendo-component-bg: #ffffff;
-$kendo-base-text: #003f59;
-$kendo-base-bg: #def4fd;
-$kendo-hover-text: #003f59;
-$kendo-hover-bg: #a3d0e4;
-$kendo-selected-text: #000000;
-$kendo-selected-bg: #7bd2f6;
-$kendo-button-text: #003f59;
-$kendo-button-bg: #def4fd;
-$kendo-link-text: #375d6d;
-$kendo-link-hover-text: #2e4e5c;
-$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: #ffffff,
+	on-app-surface: #003f59,
+	subtle: #666666,
+	surface: #def4fd,
+	surface-alt: #ffffff,
+	border: #bacdd5,
+	border-alt: #a9b9c0,
+	base-subtle: #e5f6fd,
+	base-subtle-hover: #e1f5fd,
+	base-subtle-active: #d1e5ee,
+	base: #def4fd,
+	base-hover: #cce0e9,
+	base-active: #bacdd5,
+	base-emphasis: #bfd2da,
+	base-on-subtle: #003f59,
+	on-base: #003f59,
+	base-on-surface: #003f59,
+	primary-subtle: #e5f6fd,
+	primary-subtle-hover: #d1effc,
+	primary-subtle-active: #bde9fb,
+	primary: #7bd2f6,
+	primary-hover: #71c1e2,
+	primary-active: #67b0cf,
+	primary-emphasis: #9cddf8,
+	primary-on-subtle: #2b4a56,
+	on-primary: black,
+	primary-on-surface: #5c9eb9,
+	secondary-subtle: #f8fbfd,
+	secondary-subtle-hover: #f2f8fb,
+	secondary-subtle-active: #edf6fa,
+	secondary: #daecf4,
+	secondary-hover: #c9d9e0,
+	secondary-active: #b7c6cd,
+	secondary-emphasis: #e3f1f7,
+	secondary-on-subtle: #4c5355,
+	on-secondary: black,
+	secondary-on-surface: #a4b1b7,
+	info-subtle: #cce5f3,
+	info-subtle-hover: #a6d1ea,
+	info-subtle-active: #80bde1,
+	info: #007bc3,
+	info-hover: #0071b3,
+	info-active: #0067a4,
+	info-emphasis: #409cd2,
+	info-on-subtle: #002b44,
+	on-info: white,
+	info-on-surface: #005c92,
+	success-subtle: #d8eddc,
+	success-subtle-hover: #bbdfc1,
+	success-subtle-active: #9fd2a7,
+	success: #3ea44e,
+	success-hover: #399748,
+	success-active: #348a42,
+	success-emphasis: #6ebb7a,
+	success-on-subtle: #16391b,
+	on-success: white,
+	success-on-surface: #2f7b3b,
+	warning-subtle: #ffeacc,
+	warning-subtle-hover: #ffdba6,
+	warning-subtle-active: #ffcc80,
+	warning: #ff9800,
+	warning-hover: #eb8c00,
+	warning-active: #d68000,
+	warning-emphasis: #ffb240,
+	warning-on-subtle: #593500,
+	on-warning: white,
+	warning-on-surface: #bf7200,
+	error-subtle: #f7d4cc,
+	error-subtle-hover: #f2b4a6,
+	error-subtle-active: #ec9480,
+	error: #d92800,
+	error-hover: #c82500,
+	error-active: #b62200,
+	error-emphasis: #e35e40,
+	error-on-subtle: #4c0e00,
+	on-error: white,
+	error-on-surface: #a31e00,
+	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: false !global;
+	$kendo-color-primary: #7bd2f6 !global;
+	$kendo-color-secondary: #daecf4 !global;
+	$kendo-color-info: #007bc3 !global;
+	$kendo-color-success: #3ea44e !global;
+	$kendo-color-warning: #ff9800 !global;
+	$kendo-color-error: #d92800 !global;
+	$kendo-body-text: #003f59 !global;
+	$kendo-body-bg: #ffffff !global;
+	$kendo-subtle-text: #666666 !global;
+	$kendo-disabled-text: #8f8f8f !global;
+	$kendo-component-text: #003f59 !global;
+	$kendo-component-bg: #ffffff !global;
+	$kendo-base-text: #003f59 !global;
+	$kendo-base-bg: #def4fd !global;
+	$kendo-hover-text: #003f59 !global;
+	$kendo-hover-bg: #a3d0e4 !global;
+	$kendo-selected-text: #000000 !global;
+	$kendo-selected-bg: #7bd2f6 !global;
+	$kendo-button-text: #003f59 !global;
+	$kendo-button-bg: #def4fd !global;
+	$kendo-link-text: #375d6d !global;
+	$kendo-link-hover-text: #2e4e5c !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-silver-dark.scss

@@ -1,30 +1,156 @@
-$kendo-is-dark-theme: true;
-$kendo-color-primary: #1984c8;
-$kendo-color-secondary: #131314;
-$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: #131314;
-$kendo-hover-text: #ffffff;
-$kendo-hover-bg: #262627;
-$kendo-selected-text: #ffffff;
-$kendo-selected-bg: #1984c8;
-$kendo-button-text: #ffffff;
-$kendo-button-bg: #131314;
-$kendo-link-text: #1984c8;
-$kendo-link-hover-text: #156fa8;
-$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: #131314,
+	surface-alt: #202020,
+	border: #5f5f5f,
+	border-alt: #848485,
+	base-subtle: #0f0f10,
+	base-subtle-hover: #111112,
+	base-subtle-active: #212122,
+	base: #131314,
+	base-hover: #39393a,
+	base-active: #5f5f5f,
+	base-emphasis: #343435,
+	base-on-subtle: #ffffff,
+	on-base: #ffffff,
+	base-on-surface: #ffffff,
+	primary-subtle: #051a28,
+	primary-subtle-hover: #092e46,
+	primary-subtle-active: #0d4264,
+	primary: #1984c8,
+	primary-hover: #3e98d1,
+	primary-active: #63abda,
+	primary-emphasis: #136396,
+	primary-on-subtle: #afd4ec,
+	on-primary: white,
+	primary-on-surface: #53a3d6,
+	secondary-subtle: #040404,
+	secondary-subtle-hover: #070707,
+	secondary-subtle-active: #0a0a0a,
+	secondary: #131314,
+	secondary-hover: #39393a,
+	secondary-active: #5f5f5f,
+	secondary-emphasis: #0e0e0f,
+	secondary-on-subtle: #acacad,
+	on-secondary: white,
+	secondary-on-surface: #4e4e4f,
+	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: #1984c8 !global;
+	$kendo-color-secondary: #131314 !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: #131314 !global;
+	$kendo-hover-text: #ffffff !global;
+	$kendo-hover-bg: #262627 !global;
+	$kendo-selected-text: #ffffff !global;
+	$kendo-selected-bg: #1984c8 !global;
+	$kendo-button-text: #ffffff !global;
+	$kendo-button-bg: #131314 !global;
+	$kendo-link-text: #1984c8 !global;
+	$kendo-link-hover-text: #156fa8 !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-silver.scss

@@ -1,30 +1,146 @@
-$kendo-is-dark-theme: false;
-$kendo-color-primary: #1984c8;
-$kendo-color-secondary: #f3f3f4;
-$kendo-color-info: #007bc3;
-$kendo-color-success: #3ea44e;
-$kendo-color-warning: #ff9800;
-$kendo-color-error: #d92800;
-$kendo-body-text: #515967;
-$kendo-body-bg: #ffffff;
-$kendo-subtle-text: #666666;
-$kendo-disabled-text: #8f8f8f;
-$kendo-component-text: #515967;
-$kendo-component-bg: #ffffff;
-$kendo-base-text: #515967;
-$kendo-base-bg: #f3f3f4;
-$kendo-hover-text: #263248;
-$kendo-hover-bg: #dbdee5;
-$kendo-selected-text: #ffffff;
-$kendo-selected-bg: #1984c8;
-$kendo-button-text: #515967;
-$kendo-button-bg: #f3f3f4;
-$kendo-link-text: #1984c8;
-$kendo-link-hover-text: #156fa8;
-$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: #ffffff,
+	on-app-surface: #515967,
+	subtle: #666666,
+	surface: #f3f3f4,
+	surface-alt: #ffffff,
+	border: #cccccd,
+	border-alt: #b9b9b9,
+	base-subtle: #f5f5f6,
+	base-subtle-hover: #f4f4f5,
+	base-subtle-active: #e4e4e5,
+	base: #f3f3f4,
+	base-hover: #e0e0e0,
+	base-active: #cccccd,
+	base-emphasis: #d1d1d2,
+	base-on-subtle: #515967,
+	on-base: #515967,
+	base-on-surface: #515967,
+	primary-subtle: #d1e6f4,
+	primary-subtle-hover: #afd4ec,
+	primary-subtle-active: #8cc2e4,
+	primary: #1984c8,
+	primary-hover: #1779b8,
+	primary-active: #156fa8,
+	primary-emphasis: #53a3d6,
+	primary-on-subtle: #092e46,
+	on-primary: white,
+	primary-on-surface: #136396,
+	secondary-subtle: #fdfdfd,
+	secondary-subtle-hover: #fbfbfb,
+	secondary-subtle-active: #f9f9fa,
+	secondary: #f3f3f4,
+	secondary-hover: #e0e0e0,
+	secondary-active: #cccccd,
+	secondary-emphasis: #f6f6f7,
+	secondary-on-subtle: #555555,
+	on-secondary: black,
+	secondary-on-surface: #b6b6b7,
+	info-subtle: #cce5f3,
+	info-subtle-hover: #a6d1ea,
+	info-subtle-active: #80bde1,
+	info: #007bc3,
+	info-hover: #0071b3,
+	info-active: #0067a4,
+	info-emphasis: #409cd2,
+	info-on-subtle: #002b44,
+	on-info: white,
+	info-on-surface: #005c92,
+	success-subtle: #d8eddc,
+	success-subtle-hover: #bbdfc1,
+	success-subtle-active: #9fd2a7,
+	success: #3ea44e,
+	success-hover: #399748,
+	success-active: #348a42,
+	success-emphasis: #6ebb7a,
+	success-on-subtle: #16391b,
+	on-success: white,
+	success-on-surface: #2f7b3b,
+	warning-subtle: #ffeacc,
+	warning-subtle-hover: #ffdba6,
+	warning-subtle-active: #ffcc80,
+	warning: #ff9800,
+	warning-hover: #eb8c00,
+	warning-active: #d68000,
+	warning-emphasis: #ffb240,
+	warning-on-subtle: #593500,
+	on-warning: white,
+	warning-on-surface: #bf7200,
+	error-subtle: #f7d4cc,
+	error-subtle-hover: #f2b4a6,
+	error-subtle-active: #ec9480,
+	error: #d92800,
+	error-hover: #c82500,
+	error-active: #b62200,
+	error-emphasis: #e35e40,
+	error-on-subtle: #4c0e00,
+	on-error: white,
+	error-on-surface: #a31e00,
+	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: false !global;
+	$kendo-color-primary: #1984c8 !global;
+	$kendo-color-secondary: #f3f3f4 !global;
+	$kendo-color-info: #007bc3 !global;
+	$kendo-color-success: #3ea44e !global;
+	$kendo-color-warning: #ff9800 !global;
+	$kendo-color-error: #d92800 !global;
+	$kendo-body-text: #515967 !global;
+	$kendo-body-bg: #ffffff !global;
+	$kendo-subtle-text: #666666 !global;
+	$kendo-disabled-text: #8f8f8f !global;
+	$kendo-component-text: #515967 !global;
+	$kendo-component-bg: #ffffff !global;
+	$kendo-base-text: #515967 !global;
+	$kendo-base-bg: #f3f3f4 !global;
+	$kendo-hover-text: #263248 !global;
+	$kendo-hover-bg: #dbdee5 !global;
+	$kendo-selected-text: #ffffff !global;
+	$kendo-selected-bg: #1984c8 !global;
+	$kendo-button-text: #515967 !global;
+	$kendo-button-bg: #f3f3f4 !global;
+	$kendo-link-text: #1984c8 !global;
+	$kendo-link-hover-text: #156fa8 !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";