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

package/dist/bootstrap-3-dark.scss

@@ -1,41 +1,166 @@
-$kendo-is-dark-theme: true;
-$kendo-color-primary: #337ab7;
-$kendo-color-secondary: #f8f8f8;
-$kendo-color-info: #5bc0de;
-$kendo-color-success: #5cb85c;
-$kendo-color-warning: #f0ad4e;
-$kendo-color-error: #d9534f;
-$kendo-body-text: #ffffff;
-$kendo-body-bg: #000000;
-$kendo-subtle-text: #cccccc;
-$kendo-disabled-text: #aaaaaa;
-$kendo-component-text: #ffffff;
-$kendo-component-bg: #000000;
-$kendo-base-text: #ffffff;
-$kendo-base-bg: #222222;
-$kendo-hover-text: #ffffff;
-$kendo-hover-bg: #333333;
-$kendo-selected-text: #ffffff;
-$kendo-selected-bg: #337ab7;
-$kendo-button-text: #ffffff;
-$kendo-button-bg: #222222;
+$kendo-enable-color-system: true;
+
+$kendo-colors: (
+	app-surface: #000000,
+	on-app-surface: #ffffff,
+	subtle: #cccccc,
+	surface: #222222,
+	surface-alt: #000000,
+	border: rgb(85, 85, 85),
+	border-alt: rgb(119, 119, 119),
+	base-subtle: #181818,
+	base-subtle-hover: #222222,
+	base-subtle-active: #343434,
+	base: #222222,
+	base-hover: #0f0f0f,
+	base-active: #090909,
+	base-emphasis: #505050,
+	base-on-subtle: gainsboro,
+	on-base: gainsboro,
+	base-on-surface: gainsboro,
+	primary-subtle: #0a1825,
+	primary-subtle-hover: #122b40,
+	primary-subtle-active: #1a3d5c,
+	primary: #337ab7,
+	primary-hover: #2b6699,
+	primary-active: #285f8f,
+	primary-emphasis: #265c89,
+	primary-on-subtle: #b8d0e6,
+	on-primary: white,
+	primary-on-surface: #669bc9,
+	secondary-subtle: #323232,
+	secondary-subtle-hover: #575757,
+	secondary-subtle-active: #7c7c7c,
+	secondary: #f8f8f8,
+	secondary-hover: #e5e5e5,
+	secondary-active: #dfdfdf,
+	secondary-emphasis: #bababa,
+	secondary-on-subtle: #fdfdfd,
+	on-secondary: black,
+	secondary-on-surface: #fafafa,
+	info-subtle: #12262c,
+	info-subtle-hover: #20434e,
+	info-subtle-active: #2e606f,
+	info: #5bc0de,
+	info-hover: #3bb4d8,
+	info-active: #31b0d5,
+	info-emphasis: #4490a7,
+	info-on-subtle: #c6e9f3,
+	on-info: white,
+	info-on-surface: #84d0e6,
+	success-subtle: #122512,
+	success-subtle-hover: #204020,
+	success-subtle-active: #2e5c2e,
+	success: #5cb85c,
+	success-hover: #48a648,
+	success-active: #449d44,
+	success-emphasis: #458a45,
+	success-on-subtle: #c6e6c6,
+	on-success: white,
+	success-on-surface: #85ca85,
+	warning-subtle: #302310,
+	warning-subtle-hover: #543d1b,
+	warning-subtle-active: #785727,
+	warning: #f0ad4e,
+	warning-hover: #ed9d2b,
+	warning-active: #ec971f,
+	warning-emphasis: #b4823b,
+	warning-on-subtle: #fae2c1,
+	on-warning: white,
+	warning-on-surface: #f4c27a,
+	error-subtle: #2b1110,
+	error-subtle-hover: #4c1d1c,
+	error-subtle-active: #6d2a28,
+	error: #d9534f,
+	error-hover: #d23430,
+	error-active: #c9302c,
+	error-emphasis: #a33e3b,
+	error-on-subtle: #f2c3c1,
+	on-error: white,
+	error-on-surface: #e37e7b,
+	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: #0275d8,
+	series-a-bold: #0258a2,
+	series-a-bolder: #013b6c,
+	series-a-subtle: #4198e2,
+	series-a-subtler: #81baec,
+	series-b: #5bc0de,
+	series-b-bold: #4490a7,
+	series-b-bolder: #2e606f,
+	series-b-subtle: #84d0e6,
+	series-b-subtler: #ade0ef,
+	series-c: #5cb85c,
+	series-c-bold: #458a45,
+	series-c-bolder: #2e5c2e,
+	series-c-subtle: #85ca85,
+	series-c-subtler: #aedcae,
+	series-d: #f0ad4e,
+	series-d-bold: #b4823b,
+	series-d-bolder: #785727,
+	series-d-subtle: #f4c27a,
+	series-d-subtler: #f8d6a7,
+	series-e: #e67d4a,
+	series-e-bold: #ad5e38,
+	series-e-bolder: #733f25,
+	series-e-subtle: #ec9e77,
+	series-e-subtler: #f3bea5,
+	series-f: #d9534f,
+	series-f-bold: #a33e3b,
+	series-f-bolder: #6d2a28,
+	series-f-subtle: #e37e7b,
+	series-f-subtler: #eca9a7,
+);
+
+@if not ($kendo-enable-color-system) {
+	$kendo-is-dark-theme: true !global;
+	$kendo-color-primary: #337ab7 !global;
+	$kendo-color-secondary: #f8f8f8 !global;
+	$kendo-color-info: #5bc0de !global;
+	$kendo-color-success: #5cb85c !global;
+	$kendo-color-warning: #f0ad4e !global;
+	$kendo-color-error: #d9534f !global;
+	$kendo-body-text: #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: #000000 !global;
+	$kendo-base-text: #ffffff !global;
+	$kendo-base-bg: #222222 !global;
+	$kendo-hover-text: #ffffff !global;
+	$kendo-hover-bg: #333333 !global;
+	$kendo-selected-text: #ffffff !global;
+	$kendo-selected-bg: #337ab7 !global;
+	$kendo-button-text: #ffffff !global;
+	$kendo-button-bg: #222222 !global;
+	$kendo-link-text: #337ab7 !global;
+	$kendo-link-hover-text: #23527c !global;
+	$kendo-series-a: #0275d8 !global;
+	$kendo-series-b: #5bc0de !global;
+	$kendo-series-c: #5cb85c !global;
+	$kendo-series-d: #f0ad4e !global;
+	$kendo-series-e: #e67d4a !global;
+	$kendo-series-f: #d9534f !global;
+	$primary: $kendo-color-primary !global;
+	$gray-100: #f5f5f5 !global;
+	$gray-200: #eeeeee !global;
+	$gray-300: #dddddd !global;
+	$gray-400: #cccccc !global;
+	$gray-500: #aaaaaa !global;
+	$gray-600: #777777 !global;
+	$gray-700: #555555 !global;
+	$gray-800: #333333 !global;
+	$gray-900: #222222 !global;
+};
 $kendo-button-border: #333333;
-$kendo-link-text: #337ab7;
-$kendo-link-hover-text: #23527c;
-$kendo-series-a: #0275d8;
-$kendo-series-b: #5bc0de;
-$kendo-series-c: #5cb85c;
-$kendo-series-d: #f0ad4e;
-$kendo-series-e: #e67d4a;
-$kendo-series-f: #d9534f;
-$primary: $kendo-color-primary;
-$gray-100: #f5f5f5;
-$gray-200: #eeeeee;
-$gray-300: #dddddd;
-$gray-400: #cccccc;
-$gray-500: #aaaaaa;
-$gray-600: #777777;
-$gray-700: #555555;
-$gray-800: #333333;
-$gray-900: #222222;
+
 @import "all.scss";

package/dist/bootstrap-3.scss

@@ -1,41 +1,154 @@
-$kendo-is-dark-theme: false;
-$kendo-color-primary: #337ab7;
-$kendo-color-secondary: #f8f8f8;
-$kendo-color-info: #5bc0de;
-$kendo-color-success: #5cb85c;
-$kendo-color-warning: #f0ad4e;
-$kendo-color-error: #d9534f;
-$kendo-body-text: #333333;
-$kendo-body-bg: #ffffff;
-$kendo-subtle-text: #777777;
-$kendo-disabled-text: #777777;
-$kendo-component-text: #333333;
-$kendo-component-bg: #ffffff;
-$kendo-base-text: #333333;
-$kendo-base-bg: #f5f5f5;
-$kendo-hover-text: #333333;
-$kendo-hover-bg: #eeeeee;
-$kendo-selected-text: #ffffff;
-$kendo-selected-bg: #337ab7;
-$kendo-button-text: #333333;
-$kendo-button-bg: #ffffff;
+$kendo-enable-color-system: true;
+
+$kendo-colors: (
+	app-surface: #ffffff,
+	on-app-surface: #333333,
+	subtle: #777777,
+	surface: #f5f5f5,
+	surface-alt: #ffffff,
+	base-subtle: white,
+	base-subtle-hover: #ffffff,
+	base-subtle-active: #ebebeb,
+	base: #ffffff,
+	base-hover: #ececec,
+	base-active: #e6e6e6,
+	base-emphasis: #c9c9c9,
+	base-on-subtle: #333333,
+	on-base: #333333,
+	base-on-surface: #333333,
+	primary-subtle: #d6e4f1,
+	primary-subtle-hover: #b8d0e6,
+	primary-subtle-active: #99bddb,
+	primary: #337ab7,
+	primary-hover: #2b6699,
+	primary-active: #285f8f,
+	primary-emphasis: #669bc9,
+	primary-on-subtle: #122b40,
+	on-primary: white,
+	primary-on-surface: #265c89,
+	secondary-subtle: #fefefe,
+	secondary-subtle-hover: #fdfdfd,
+	secondary-subtle-active: #fcfcfc,
+	secondary: #f8f8f8,
+	secondary-hover: #e5e5e5,
+	secondary-active: #dfdfdf,
+	secondary-emphasis: #fafafa,
+	secondary-on-subtle: #575757,
+	on-secondary: black,
+	secondary-on-surface: #bababa,
+	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: #fcefdc,
+	warning-subtle-hover: #fae2c1,
+	warning-subtle-active: #f8d6a7,
+	warning: #f0ad4e,
+	warning-hover: #ed9d2b,
+	warning-active: #ec971f,
+	warning-emphasis: #f4c27a,
+	warning-on-subtle: #543d1b,
+	on-warning: white,
+	warning-on-surface: #b4823b,
+	error-subtle: #f7dddc,
+	error-subtle-hover: #f2c3c1,
+	error-subtle-active: #eca9a7,
+	error: #d9534f,
+	error-hover: #d23430,
+	error-active: #c9302c,
+	error-emphasis: #e37e7b,
+	error-on-subtle: #4c1d1c,
+	on-error: white,
+	error-on-surface: #a33e3b,
+	series-a: #0275d8,
+	series-a-bold: #0258a2,
+	series-a-bolder: #013b6c,
+	series-a-subtle: #4198e2,
+	series-a-subtler: #81baec,
+	series-b: #5bc0de,
+	series-b-bold: #4490a7,
+	series-b-bolder: #2e606f,
+	series-b-subtle: #84d0e6,
+	series-b-subtler: #ade0ef,
+	series-c: #5cb85c,
+	series-c-bold: #458a45,
+	series-c-bolder: #2e5c2e,
+	series-c-subtle: #85ca85,
+	series-c-subtler: #aedcae,
+	series-d: #f0ad4e,
+	series-d-bold: #b4823b,
+	series-d-bolder: #785727,
+	series-d-subtle: #f4c27a,
+	series-d-subtler: #f8d6a7,
+	series-e: #e67d4a,
+	series-e-bold: #ad5e38,
+	series-e-bolder: #733f25,
+	series-e-subtle: #ec9e77,
+	series-e-subtler: #f3bea5,
+	series-f: #d9534f,
+	series-f-bold: #a33e3b,
+	series-f-bolder: #6d2a28,
+	series-f-subtle: #e37e7b,
+	series-f-subtler: #eca9a7,
+);
+
+@if not ($kendo-enable-color-system) {
+	$kendo-is-dark-theme: false !global;
+	$kendo-color-primary: #337ab7 !global;
+	$kendo-color-secondary: #f8f8f8 !global;
+	$kendo-color-info: #5bc0de !global;
+	$kendo-color-success: #5cb85c !global;
+	$kendo-color-warning: #f0ad4e !global;
+	$kendo-color-error: #d9534f !global;
+	$kendo-body-text: #333333 !global;
+	$kendo-body-bg: #ffffff !global;
+	$kendo-subtle-text: #777777 !global;
+	$kendo-disabled-text: #777777 !global;
+	$kendo-component-text: #333333 !global;
+	$kendo-component-bg: #ffffff !global;
+	$kendo-base-text: #333333 !global;
+	$kendo-base-bg: #f5f5f5 !global;
+	$kendo-hover-text: #333333 !global;
+	$kendo-hover-bg: #eeeeee !global;
+	$kendo-selected-text: #ffffff !global;
+	$kendo-selected-bg: #337ab7 !global;
+	$kendo-button-text: #333333 !global;
+	$kendo-button-bg: #ffffff !global;
+	$kendo-link-text: #337ab7 !global;
+	$kendo-link-hover-text: #23527c !global;
+	$kendo-series-a: #0275d8 !global;
+	$kendo-series-b: #5bc0de !global;
+	$kendo-series-c: #5cb85c !global;
+	$kendo-series-d: #f0ad4e !global;
+	$kendo-series-e: #e67d4a !global;
+	$kendo-series-f: #d9534f !global;
+	$primary: $kendo-color-primary !global;
+	$gray-100: #f5f5f5 !global;
+	$gray-200: #eeeeee !global;
+	$gray-300: #dddddd !global;
+	$gray-400: #cccccc !global;
+	$gray-500: #aaaaaa !global;
+	$gray-600: #777777 !global;
+	$gray-700: #555555 !global;
+	$gray-800: #333333 !global;
+	$gray-900: #222222 !global;
+};
 $kendo-button-border: #dddddd;
-$kendo-link-text: #337ab7;
-$kendo-link-hover-text: #23527c;
-$kendo-series-a: #0275d8;
-$kendo-series-b: #5bc0de;
-$kendo-series-c: #5cb85c;
-$kendo-series-d: #f0ad4e;
-$kendo-series-e: #e67d4a;
-$kendo-series-f: #d9534f;
-$primary: $kendo-color-primary;
-$gray-100: #f5f5f5;
-$gray-200: #eeeeee;
-$gray-300: #dddddd;
-$gray-400: #cccccc;
-$gray-500: #aaaaaa;
-$gray-600: #777777;
-$gray-700: #555555;
-$gray-800: #333333;
-$gray-900: #222222;
+
 @import "all.scss";

package/dist/bootstrap-4-dark.scss

@@ -1,31 +1,157 @@
-$kendo-is-dark-theme: true;
-$kendo-color-primary: #007bff;
-$kendo-color-secondary: #6c757d;
-$kendo-color-info: #17a2b8;
-$kendo-color-success: #28a745;
-$kendo-color-warning: #ffc107;
-$kendo-color-error: #dc3545;
-$kendo-body-text: #ffffff;
-$kendo-body-bg: #000000;
-$kendo-subtle-text: #cccccc;
-$kendo-disabled-text: #aaaaaa;
-$kendo-component-text: #ffffff;
-$kendo-component-bg: #000000;
-$kendo-base-text: #ffffff;
-$kendo-base-bg: #212529;
-$kendo-hover-text: #ffffff;
-$kendo-hover-bg: #343a40;
-$kendo-selected-text: #ffffff;
-$kendo-selected-bg: #007bff;
-$kendo-button-text: #ffffff;
-$kendo-button-bg: #343a40;
-$kendo-link-text: #007bff;
-$kendo-link-hover-text: #0056b3;
-$kendo-series-a: #0275d8;
-$kendo-series-b: #5bc0de;
-$kendo-series-c: #5cb85c;
-$kendo-series-d: #f0ad4e;
-$kendo-series-e: #e67d4a;
-$kendo-series-f: #d9534f;
-$primary: $kendo-color-primary;
+$kendo-enable-color-system: true;
+
+$kendo-colors: (
+	app-surface: #000000,
+	on-app-surface: #ffffff,
+	subtle: #cccccc,
+	surface: #212529,
+	surface-alt: #000000,
+	border: #495057,
+	border-alt: #6c757d,
+	base-subtle: #24292d,
+	base-subtle-hover: #343a40,
+	base-subtle-active: #444a4f,
+	base: #343a40,
+	base-hover: #23272b,
+	base-active: #1d2124,
+	base-emphasis: #5f6368,
+	base-on-subtle: #ffffff,
+	on-base: #ffffff,
+	base-on-surface: #ffffff,
+	primary-subtle: #001933,
+	primary-subtle-hover: #002b59,
+	primary-subtle-active: #003e80,
+	primary: #007bff,
+	primary-hover: #0069d9,
+	primary-active: #0062cc,
+	primary-emphasis: #005cbf,
+	primary-on-subtle: #a6d1ff,
+	on-primary: white,
+	primary-on-surface: #409cff,
+	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: #052025,
+	info-subtle-hover: #083940,
+	info-subtle-active: #0c515c,
+	info: #17a2b8,
+	info-hover: #138496,
+	info-active: #117a8b,
+	info-emphasis: #117a8a,
+	info-on-subtle: #aedee6,
+	on-info: white,
+	info-on-surface: #51b9ca,
+	success-subtle: #08210e,
+	success-subtle-hover: #0e3a18,
+	success-subtle-active: #145423,
+	success: #28a745,
+	success-hover: #218838,
+	success-active: #1e7e34,
+	success-emphasis: #1e7d34,
+	success-on-subtle: #b4e0be,
+	on-success: white,
+	success-on-surface: #5ebd74,
+	warning-subtle: #332701,
+	warning-subtle-hover: #594402,
+	warning-subtle-active: #806104,
+	warning: #ffc107,
+	warning-hover: #e0a800,
+	warning-active: #d39e00,
+	warning-emphasis: #bf9105,
+	warning-on-subtle: #ffe9a8,
+	on-warning: black,
+	warning-on-surface: #ffd145,
+	error-subtle: #2c0b0e,
+	error-subtle-hover: #4d1318,
+	error-subtle-active: #6e1b23,
+	error: #dc3545,
+	error-hover: #c82333,
+	error-active: #bd2130,
+	error-emphasis: #a52834,
+	error-on-subtle: #f3b8be,
+	on-error: white,
+	error-on-surface: #e56874,
+	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: #0275d8,
+	series-a-bold: #0258a2,
+	series-a-bolder: #013b6c,
+	series-a-subtle: #4198e2,
+	series-a-subtler: #81baec,
+	series-b: #5bc0de,
+	series-b-bold: #4490a7,
+	series-b-bolder: #2e606f,
+	series-b-subtle: #84d0e6,
+	series-b-subtler: #ade0ef,
+	series-c: #5cb85c,
+	series-c-bold: #458a45,
+	series-c-bolder: #2e5c2e,
+	series-c-subtle: #85ca85,
+	series-c-subtler: #aedcae,
+	series-d: #f0ad4e,
+	series-d-bold: #b4823b,
+	series-d-bolder: #785727,
+	series-d-subtle: #f4c27a,
+	series-d-subtler: #f8d6a7,
+	series-e: #e67d4a,
+	series-e-bold: #ad5e38,
+	series-e-bolder: #733f25,
+	series-e-subtle: #ec9e77,
+	series-e-subtler: #f3bea5,
+	series-f: #d9534f,
+	series-f-bold: #a33e3b,
+	series-f-bolder: #6d2a28,
+	series-f-subtle: #e37e7b,
+	series-f-subtler: #eca9a7,
+);
+
+@if not ($kendo-enable-color-system) {
+	$kendo-is-dark-theme: true !global;
+	$kendo-color-primary: #007bff !global;
+	$kendo-color-secondary: #6c757d !global;
+	$kendo-color-info: #17a2b8 !global;
+	$kendo-color-success: #28a745 !global;
+	$kendo-color-warning: #ffc107 !global;
+	$kendo-color-error: #dc3545 !global;
+	$kendo-body-text: #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: #000000 !global;
+	$kendo-base-text: #ffffff !global;
+	$kendo-base-bg: #212529 !global;
+	$kendo-hover-text: #ffffff !global;
+	$kendo-hover-bg: #343a40 !global;
+	$kendo-selected-text: #ffffff !global;
+	$kendo-selected-bg: #007bff !global;
+	$kendo-button-text: #ffffff !global;
+	$kendo-button-bg: #343a40 !global;
+	$kendo-link-text: #007bff !global;
+	$kendo-link-hover-text: #0056b3 !global;
+	$kendo-series-a: #0275d8 !global;
+	$kendo-series-b: #5bc0de !global;
+	$kendo-series-c: #5cb85c !global;
+	$kendo-series-d: #f0ad4e !global;
+	$kendo-series-e: #e67d4a !global;
+	$kendo-series-f: #d9534f !global;
+	$primary: $kendo-color-primary !global;
+};
+
+
 @import "all.scss";