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

package/dist/bootstrap-turquoise-dark.scss

@@ -1,31 +1,157 @@
-$kendo-is-dark-theme: true;
-$kendo-color-primary: #10c4b2;
-$kendo-color-secondary: #6c757d;
-$kendo-color-info: #3dbfe6;
-$kendo-color-success: #7fbf4b;
-$kendo-color-warning: #ffb752;
-$kendo-color-error: #e35d59;
-$kendo-body-color: #ffffff;
-$kendo-body-bg: #000000;
-$kendo-subtle-text: #cccccc;
-$kendo-disabled-text: #aaaaaa;
-$kendo-component-text: #ffffff;
-$kendo-component-bg: #111111;
-$kendo-base-text: #ffffff;
-$kendo-base-bg: #292b2c;
-$kendo-hover-text: #1eb97b;
-$kendo-hover-bg: #eeeff0;
-$kendo-selected-text: #ffffff;
-$kendo-selected-bg: #34d293;
-$kendo-button-text: #ffffff;
-$kendo-button-bg: #363940;
-$kendo-link-text: #10c4b2;
-$kendo-link-hover-text: #0c9587;
-$kendo-series-a: #34d293;
-$kendo-series-b: #ffd246;
-$kendo-series-c: #78d237;
-$kendo-series-d: #28b4c8;
-$kendo-series-e: #2d73f5;
-$kendo-series-f: #aa46be;
-$primary: $kendo-color-primary;
+$kendo-enable-color-system: true;
+
+$kendo-colors: (
+	app-surface: #000000,
+	on-app-surface: #ffffff,
+	subtle: #cccccc,
+	surface: #292b2c,
+	surface-alt: #111111,
+	border: #495057,
+	border-alt: #6c757d,
+	base-subtle: #26282d,
+	base-subtle-hover: #363940,
+	base-subtle-active: #46494f,
+	base: #363940,
+	base-hover: #24272b,
+	base-active: #1f2024,
+	base-emphasis: #606368,
+	base-on-subtle: #ffffff,
+	on-base: #ffffff,
+	base-on-surface: #ffffff,
+	primary-subtle: #032724,
+	primary-subtle-hover: #06453e,
+	primary-subtle-active: #086259,
+	primary: #10c4b2,
+	primary-hover: #0da192,
+	primary-active: #0c9587,
+	primary-emphasis: #0c9386,
+	primary-on-subtle: #abeae4,
+	on-primary: white,
+	primary-on-surface: #4cd3c5,
+	secondary-subtle: #161719,
+	secondary-subtle-hover: #26292c,
+	secondary-subtle-active: #363b3f,
+	secondary: #6c757d,
+	secondary-hover: #5a6268,
+	secondary-active: #545b62,
+	secondary-emphasis: #51585e,
+	secondary-on-subtle: #cccfd2,
+	on-secondary: white,
+	secondary-on-surface: #91989e,
+	info-subtle: #0c262e,
+	info-subtle-hover: #154351,
+	info-subtle-active: #1f6073,
+	info: #3dbfe6,
+	info-hover: #1db3e0,
+	info-active: #1baad5,
+	info-emphasis: #2e8fad,
+	info-on-subtle: #bbe9f6,
+	on-info: white,
+	info-on-surface: #6ecfec,
+	success-subtle: #19260f,
+	success-subtle-hover: #2c431a,
+	success-subtle-active: #406026,
+	success: #7fbf4b,
+	success-hover: #6ca83c,
+	success-active: #669f38,
+	success-emphasis: #5f8f38,
+	success-on-subtle: #d2e9c0,
+	on-success: white,
+	success-on-surface: #9fcf78,
+	warning-subtle: #332510,
+	warning-subtle-hover: #59401d,
+	warning-subtle-active: #805c29,
+	warning: #ffb752,
+	warning-hover: #ffa72c,
+	warning-active: #ffa21f,
+	warning-emphasis: #bf893e,
+	warning-on-subtle: #ffe6c2,
+	on-warning: black,
+	warning-on-surface: #ffc97d,
+	error-subtle: #2d1312,
+	error-subtle-hover: #4f211f,
+	error-subtle-active: #722f2d,
+	error: #e35d59,
+	error-hover: #dd3d38,
+	error-active: #dc322d,
+	error-emphasis: #aa4643,
+	error-on-subtle: #f5c6c5,
+	on-error: white,
+	error-on-surface: #ea8683,
+	inverse-subtle: #f8f9fa,
+	inverse-subtle-hover: #e9ecef,
+	inverse-subtle-active: #dee2e6,
+	inverse: #f8f9fa,
+	inverse-hover: #e9ecef,
+	inverse-active: #dee2e6,
+	inverse-emphasis: #bdc4cb,
+	inverse-on-subtle: #343a40,
+	on-inverse: black,
+	inverse-on-surface: #ced4da,
+	series-a: #34d293,
+	series-a-bold: #279e6e,
+	series-a-bolder: #1a694a,
+	series-a-subtle: #67ddae,
+	series-a-subtler: #9ae9c9,
+	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: true !global;
+	$kendo-color-primary: #10c4b2 !global;
+	$kendo-color-secondary: #6c757d !global;
+	$kendo-color-info: #3dbfe6 !global;
+	$kendo-color-success: #7fbf4b !global;
+	$kendo-color-warning: #ffb752 !global;
+	$kendo-color-error: #e35d59 !global;
+	$kendo-body-color: #ffffff !global;
+	$kendo-body-bg: #000000 !global;
+	$kendo-subtle-text: #cccccc !global;
+	$kendo-disabled-text: #aaaaaa !global;
+	$kendo-component-text: #ffffff !global;
+	$kendo-component-bg: #111111 !global;
+	$kendo-base-text: #ffffff !global;
+	$kendo-base-bg: #292b2c !global;
+	$kendo-hover-text: #1eb97b !global;
+	$kendo-hover-bg: #eeeff0 !global;
+	$kendo-selected-text: #ffffff !global;
+	$kendo-selected-bg: #34d293 !global;
+	$kendo-button-text: #ffffff !global;
+	$kendo-button-bg: #363940 !global;
+	$kendo-link-text: #10c4b2 !global;
+	$kendo-link-hover-text: #0c9587 !global;
+	$kendo-series-a: #34d293 !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;
+	$primary: $kendo-color-primary !global;
+};
+
+
 @import "all.scss";

package/dist/bootstrap-turquoise.scss

@@ -1,31 +1,145 @@
-$kendo-is-dark-theme: false;
-$kendo-color-primary: #34d293;
-$kendo-color-secondary: #f1f4f1;
-$kendo-color-info: #3dbfe6;
-$kendo-color-success: #7fbf4b;
-$kendo-color-warning: #ffb752;
-$kendo-color-error: #e35d59;
-$kendo-body-color: #292b2c;
-$kendo-body-bg: #ffffff;
-$kendo-subtle-text: #545556;
-$kendo-disabled-text: #7f8080;
-$kendo-component-text: #292b2c;
-$kendo-component-bg: #ffffff;
-$kendo-base-text: #292b2c;
-$kendo-base-bg: #f8f9fa;
-$kendo-hover-text: #1eb97b;
-$kendo-hover-bg: #eeeff0;
-$kendo-selected-text: #ffffff;
-$kendo-selected-bg: #34d293;
-$kendo-button-text: #212529;
-$kendo-button-bg: #f1f4f1;
-$kendo-link-text: #34d293;
-$kendo-link-hover-text: #229869;
-$kendo-series-a: #34d293;
-$kendo-series-b: #ffd246;
-$kendo-series-c: #78d237;
-$kendo-series-d: #28b4c8;
-$kendo-series-e: #2d73f5;
-$kendo-series-f: #aa46be;
-$primary: $kendo-color-primary;
+$kendo-enable-color-system: true;
+
+$kendo-colors: (
+	app-surface: #ffffff,
+	on-app-surface: #292b2c,
+	subtle: #545556,
+	surface: #f8f9fa,
+	surface-alt: #ffffff,
+	base-subtle: #f5f7f5,
+	base-subtle-hover: #f1f4f1,
+	base-subtle-active: #dee0de,
+	base: #f1f4f1,
+	base-hover: #dce3dc,
+	base-active: #d4ded4,
+	base-emphasis: #bec1be,
+	base-on-subtle: #212529,
+	on-base: #212529,
+	base-on-surface: #212529,
+	primary-subtle: #d6f6e9,
+	primary-subtle-hover: #b8efd9,
+	primary-subtle-active: #9ae9c9,
+	primary: #34d293,
+	primary-hover: #29b77e,
+	primary-active: #26ad77,
+	primary-emphasis: #67ddae,
+	primary-on-subtle: #124a33,
+	on-primary: white,
+	primary-on-surface: #279e6e,
+	secondary-subtle: #fcfdfc,
+	secondary-subtle-hover: #fafbfa,
+	secondary-subtle-active: #f8faf8,
+	secondary: #f1f4f1,
+	secondary-hover: #dce3dc,
+	secondary-active: #d4ded4,
+	secondary-emphasis: #f5f7f5,
+	secondary-on-subtle: #545554,
+	on-secondary: black,
+	secondary-on-surface: #b5b7b5,
+	info-subtle: #d8f2fa,
+	info-subtle-hover: #bbe9f6,
+	info-subtle-active: #9edff3,
+	info: #3dbfe6,
+	info-hover: #1db3e0,
+	info-active: #1baad5,
+	info-emphasis: #6ecfec,
+	info-on-subtle: #154351,
+	on-info: white,
+	info-on-surface: #2e8fad,
+	success-subtle: #e5f2db,
+	success-subtle-hover: #d2e9c0,
+	success-subtle-active: #bfdfa5,
+	success: #7fbf4b,
+	success-hover: #6ca83c,
+	success-active: #669f38,
+	success-emphasis: #9fcf78,
+	success-on-subtle: #2c431a,
+	on-success: white,
+	success-on-surface: #5f8f38,
+	warning-subtle: #fff1dc,
+	warning-subtle-hover: #ffe6c2,
+	warning-subtle-active: #ffdba9,
+	warning: #ffb752,
+	warning-hover: #ffa72c,
+	warning-active: #ffa21f,
+	warning-emphasis: #ffc97d,
+	warning-on-subtle: #59401d,
+	on-warning: black,
+	warning-on-surface: #bf893e,
+	error-subtle: #f9dfde,
+	error-subtle-hover: #f5c6c5,
+	error-subtle-active: #f1aeac,
+	error: #e35d59,
+	error-hover: #dd3d38,
+	error-active: #dc322d,
+	error-emphasis: #ea8683,
+	error-on-subtle: #4f211f,
+	on-error: white,
+	error-on-surface: #aa4643,
+	series-a: #34d293,
+	series-a-bold: #279e6e,
+	series-a-bolder: #1a694a,
+	series-a-subtle: #67ddae,
+	series-a-subtler: #9ae9c9,
+	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: #34d293 !global;
+	$kendo-color-secondary: #f1f4f1 !global;
+	$kendo-color-info: #3dbfe6 !global;
+	$kendo-color-success: #7fbf4b !global;
+	$kendo-color-warning: #ffb752 !global;
+	$kendo-color-error: #e35d59 !global;
+	$kendo-body-color: #292b2c !global;
+	$kendo-body-bg: #ffffff !global;
+	$kendo-subtle-text: #545556 !global;
+	$kendo-disabled-text: #7f8080 !global;
+	$kendo-component-text: #292b2c !global;
+	$kendo-component-bg: #ffffff !global;
+	$kendo-base-text: #292b2c !global;
+	$kendo-base-bg: #f8f9fa !global;
+	$kendo-hover-text: #1eb97b !global;
+	$kendo-hover-bg: #eeeff0 !global;
+	$kendo-selected-text: #ffffff !global;
+	$kendo-selected-bg: #34d293 !global;
+	$kendo-button-text: #212529 !global;
+	$kendo-button-bg: #f1f4f1 !global;
+	$kendo-link-text: #34d293 !global;
+	$kendo-link-hover-text: #229869 !global;
+	$kendo-series-a: #34d293 !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;
+	$primary: $kendo-color-primary !global;
+};
+
+
 @import "all.scss";

package/dist/bootstrap-urban.scss

@@ -1,31 +1,145 @@
-$kendo-is-dark-theme: false;
-$kendo-color-primary: #ff5c1a;
-$kendo-color-secondary: #73a9c9;
-$kendo-color-info: #5bc0de;
-$kendo-color-success: #5cb85c;
-$kendo-color-warning: #ffbb5b;
-$kendo-color-error: #e3470e;
-$kendo-body-text: #000000;
-$kendo-body-bg: #ffffff;
-$kendo-subtle-text: #6c757d;
-$kendo-disabled-text: #8f8f8f;
-$kendo-component-color: #1c3a4c;
-$kendo-component-bg: #ffffff;
-$kendo-base-text: #1c3a4c;
-$kendo-base-bg: #e3eef4;
-$kendo-hover-text: #16181b;
-$kendo-hover-bg: #cfdee6;
-$kendo-selected-text: #ffffff;
-$kendo-selected-bg: #ff5c1a;
-$kendo-button-text: #ffffff;
-$kendo-button-bg: #5798be;
-$kendo-link-text: #ff5c1a;
-$kendo-link-hover-text: #e65317;
-$kendo-series-a: #ff7943;
-$kendo-series-b: #e84d0e;
-$kendo-series-c: #40a9e3;
-$kendo-series-d: #016a98;
-$kendo-series-e: #7a8c95;
-$kendo-series-f: #355261;
-$primary: $kendo-color-primary;
+$kendo-enable-color-system: true;
+
+$kendo-colors: (
+	app-surface: #ffffff,
+	on-app-surface: #1c3a4c,
+	subtle: #6c757d,
+	surface: #e3eef4,
+	surface-alt: #ffffff,
+	base-subtle: #89b7d2,
+	base-subtle-hover: #5798be,
+	base-subtle-active: #508caf,
+	base: #5798be,
+	base-hover: #4385ac,
+	base-active: #3f7ea3,
+	base-emphasis: #457896,
+	base-on-subtle: #ffffff,
+	on-base: #ffffff,
+	base-on-surface: #ffffff,
+	primary-subtle: #ffded1,
+	primary-subtle-hover: #ffc6af,
+	primary-subtle-active: #ffae8d,
+	primary: #ff5c1a,
+	primary-hover: #f34600,
+	primary-active: #e64200,
+	primary-emphasis: #ff8553,
+	primary-on-subtle: #592009,
+	on-primary: white,
+	primary-on-surface: #bf4514,
+	secondary-subtle: #e3eef4,
+	secondary-subtle-hover: #cee1ec,
+	secondary-subtle-active: #b9d4e4,
+	secondary: #73a9c9,
+	secondary-hover: #5798be,
+	secondary-active: #4e92bb,
+	secondary-emphasis: #96bfd7,
+	secondary-on-subtle: #283b46,
+	on-secondary: white,
+	secondary-on-surface: #567f97,
+	info-subtle: #def2f8,
+	info-subtle-hover: #c6e9f3,
+	info-subtle-active: #ade0ef,
+	info: #5bc0de,
+	info-hover: #3bb4d8,
+	info-active: #31b0d5,
+	info-emphasis: #84d0e6,
+	info-on-subtle: #20434e,
+	on-info: white,
+	info-on-surface: #4490a7,
+	success-subtle: #def1de,
+	success-subtle-hover: #c6e6c6,
+	success-subtle-active: #aedcae,
+	success: #5cb85c,
+	success-hover: #48a648,
+	success-active: #449d44,
+	success-emphasis: #85ca85,
+	success-on-subtle: #204020,
+	on-success: white,
+	success-on-surface: #458a45,
+	warning-subtle: #fff1de,
+	warning-subtle-hover: #ffe7c6,
+	warning-subtle-active: #ffddad,
+	warning: #ffbb5b,
+	warning-hover: #ffab35,
+	warning-active: #ffa628,
+	warning-emphasis: #ffcc84,
+	warning-on-subtle: #594120,
+	on-warning: black,
+	warning-on-surface: #bf8c44,
+	error-subtle: #f9dacf,
+	error-subtle-hover: #f5bfab,
+	error-subtle-active: #f1a387,
+	error: #e3470e,
+	error-hover: #bf3c0c,
+	error-active: #b3380b,
+	error-emphasis: #ea754a,
+	error-on-subtle: #4f1905,
+	on-error: white,
+	error-on-surface: #aa350b,
+	series-a: #ff7943,
+	series-a-bold: #bf5b32,
+	series-a-bolder: #803d22,
+	series-a-subtle: #ff9b72,
+	series-a-subtler: #ffbca1,
+	series-b: #e84d0e,
+	series-b-bold: #ae3a0b,
+	series-b-bolder: #742707,
+	series-b-subtle: #ee7a4a,
+	series-b-subtler: #f4a687,
+	series-c: #40a9e3,
+	series-c-bold: #307faa,
+	series-c-bolder: #205572,
+	series-c-subtle: #70bfea,
+	series-c-subtler: #a0d4f1,
+	series-d: #016a98,
+	series-d-bold: #015072,
+	series-d-bolder: #01354c,
+	series-d-subtle: #418fb2,
+	series-d-subtler: #80b5cc,
+	series-e: #7a8c95,
+	series-e-bold: #5c6970,
+	series-e-bolder: #3d464b,
+	series-e-subtle: #9ba9b0,
+	series-e-subtler: #bdc6ca,
+	series-f: #355261,
+	series-f-bold: #283e49,
+	series-f-bolder: #1b2931,
+	series-f-subtle: #687d89,
+	series-f-subtler: #9aa9b0,
+);
+
+@if not ($kendo-enable-color-system) {
+	$kendo-is-dark-theme: false !global;
+	$kendo-color-primary: #ff5c1a !global;
+	$kendo-color-secondary: #73a9c9 !global;
+	$kendo-color-info: #5bc0de !global;
+	$kendo-color-success: #5cb85c !global;
+	$kendo-color-warning: #ffbb5b !global;
+	$kendo-color-error: #e3470e !global;
+	$kendo-body-text: #000000 !global;
+	$kendo-body-bg: #ffffff !global;
+	$kendo-subtle-text: #6c757d !global;
+	$kendo-disabled-text: #8f8f8f !global;
+	$kendo-component-color: #1c3a4c !global;
+	$kendo-component-bg: #ffffff !global;
+	$kendo-base-text: #1c3a4c !global;
+	$kendo-base-bg: #e3eef4 !global;
+	$kendo-hover-text: #16181b !global;
+	$kendo-hover-bg: #cfdee6 !global;
+	$kendo-selected-text: #ffffff !global;
+	$kendo-selected-bg: #ff5c1a !global;
+	$kendo-button-text: #ffffff !global;
+	$kendo-button-bg: #5798be !global;
+	$kendo-link-text: #ff5c1a !global;
+	$kendo-link-hover-text: #e65317 !global;
+	$kendo-series-a: #ff7943 !global;
+	$kendo-series-b: #e84d0e !global;
+	$kendo-series-c: #40a9e3 !global;
+	$kendo-series-d: #016a98 !global;
+	$kendo-series-e: #7a8c95 !global;
+	$kendo-series-f: #355261 !global;
+	$primary: $kendo-color-primary !global;
+};
+
+
 @import "all.scss";