@progress/kendo-theme-material 7.3.0-dev.0 → 8.0.0-dev.0

package/dist/material-lime-dark.scss

@@ -1,5 +1,141 @@
-$primary-palette-name: lime;
-$secondary-palette-name: lightBlue;
-$theme-type: dark;
-$adjust-contrast: true;
+$kendo-enable-color-system: true;
+
+$kendo-colors: (
+	app-surface: #121212,
+	on-app-surface: #ffffff,
+	subtle: rgba(255, 255, 255, 0.7),
+	surface: #252525,
+	surface-alt: #121212,
+	border: rgba(white, 0.12),
+	border-alt: rgba(white, 0.15),
+	base-subtle: #3c3c3c,
+	base-subtle-hover: #454545,
+	base-subtle-active: #565656,
+	base: #212121,
+	base-hover: #333333,
+	base-active: #565656,
+	base-emphasis: #686868,
+	base-on-subtle: white,
+	on-base: white,
+	base-on-surface: white,
+	primary-subtle: #292c0b,
+	primary-subtle-hover: #484d14,
+	primary-subtle-active: #676e1d,
+	primary: #cddc39,
+	primary-hover: #d1df49,
+	primary-active: #d9e469,
+	primary-emphasis: #9aa52b,
+	primary-on-subtle: #eef3ba,
+	on-primary: black,
+	primary-on-surface: #e6ee9c,
+	secondary-subtle: #012231,
+	secondary-subtle-hover: #013b55,
+	secondary-subtle-active: #02557a,
+	secondary: #03a9f4,
+	secondary-hover: #17b0f5,
+	secondary-active: #3fbef7,
+	secondary-emphasis: #027fb7,
+	secondary-on-subtle: #a7e1fb,
+	on-secondary: black,
+	secondary-on-surface: #81d4fa,
+	tertiary-subtle: #001e1b,
+	tertiary-subtle-hover: #003530,
+	tertiary-subtle-active: #004b44,
+	tertiary: #009688,
+	tertiary-hover: #149e92,
+	tertiary-active: #3dafa5,
+	tertiary-emphasis: #007166,
+	tertiary-on-subtle: #a6dad5,
+	on-tertiary: black,
+	tertiary-on-surface: #80cbc4,
+	info-subtle: #00122f,
+	info-subtle-hover: #001f52,
+	info-subtle-active: #002c75,
+	info: #0058e9,
+	info-hover: #1465eb,
+	info-active: #3d80ee,
+	info-emphasis: #0042af,
+	info-on-subtle: #a6c5f7,
+	on-info: white,
+	info-on-surface: #80acf4,
+	success-subtle: #0b2400,
+	success-subtle-hover: #133f00,
+	success-subtle-active: #1c5a00,
+	success: #37b400,
+	success-hover: #47ba14,
+	success-active: #67c63d,
+	success-emphasis: #298700,
+	success-on-subtle: #b9e5a6,
+	on-success: black,
+	success-on-surface: #9bda80,
+	warning-subtle: #332600,
+	warning-subtle-hover: #594300,
+	warning-subtle-active: #806000,
+	warning: #ffc000,
+	warning-hover: #ffc514,
+	warning-active: #ffcf3d,
+	warning-emphasis: #bf9000,
+	warning-on-subtle: #ffe9a6,
+	on-warning: black,
+	warning-on-surface: #ffe080,
+	error-subtle: #310500,
+	error-subtle-hover: #550800,
+	error-subtle-active: #7a0c00,
+	error: #f31700,
+	error-hover: #f42a14,
+	error-active: #f64f3d,
+	error-emphasis: #b61100,
+	error-on-subtle: #fbaea6,
+	on-error: black,
+	error-on-surface: #f98b80,
+	inverse-subtle: #fafafa,
+	inverse-subtle-hover: #f5f5f5,
+	inverse-subtle-active: #eeeeee,
+	inverse: #f5f5f5,
+	inverse-hover: #ebebeb,
+	inverse-active: #d6d6d6,
+	inverse-emphasis: #e0e0e0,
+	inverse-on-subtle: #212121,
+	on-inverse: black,
+	inverse-on-surface: #616161,
+	series-a: #9c27b0,
+	series-a-bold: #751d84,
+	series-a-bolder: #4e1458,
+	series-a-subtle: #b55dc4,
+	series-a-subtler: #ce93d8,
+	series-b: #2196f3,
+	series-b-bold: #1971b6,
+	series-b-bolder: #114b7a,
+	series-b-subtle: #59b0f6,
+	series-b-subtler: #90cbf9,
+	series-c: #009688,
+	series-c-bold: #007166,
+	series-c-bolder: #004b44,
+	series-c-subtle: #40b0a6,
+	series-c-subtler: #80cbc4,
+	series-d: #ffeb3b,
+	series-d-bold: #bfb02c,
+	series-d-bolder: #80761e,
+	series-d-subtle: #fff06c,
+	series-d-subtler: #fff59d,
+	series-e: #f44336,
+	series-e-bold: #b73229,
+	series-e-bolder: #7a221b,
+	series-e-subtle: #f77268,
+	series-e-subtler: #faa19b,
+	series-f: #4caf50,
+	series-f-bold: #39833c,
+	series-f-bolder: #265828,
+	series-f-subtle: #79c37c,
+	series-f-subtler: #a6d7a8,
+);
+
+@if not ($kendo-enable-color-system) {
+	$primary-palette-name: lime !global;
+	$secondary-palette-name: lightBlue !global;
+	$theme-type: dark !global;
+	$adjust-contrast: true !global;
+};
+
+
 @import "all.scss";

package/dist/material-lime.scss

@@ -1,5 +1,131 @@
-$primary-palette-name: green;
-$secondary-palette-name: blue;
-$theme-type: light;
-$adjust-contrast: true;
+$kendo-enable-color-system: true;
+
+$kendo-colors: (
+	app-surface: #ffffff,
+	on-app-surface: rgba(0, 0, 0, 0.87),
+	subtle: rgba(0, 0, 0, 0.54),
+	surface: #f5f5f5,
+	surface-alt: #ffffff,
+	border: rgba(black, 0.12),
+	border-alt: rgba(black, 0.15),
+	base-subtle: #e0e0e0,
+	base-subtle-hover: #d6d6d6,
+	base-subtle-active: #c2c2c2,
+	base: #ffffff,
+	base-hover: whitesmoke,
+	base-active: #e0e0e0,
+	base-emphasis: #adadad,
+	base-on-subtle: rgba(0, 0, 0, 0.87),
+	on-base: rgba(0, 0, 0, 0.87),
+	base-on-surface: rgba(0, 0, 0, 0.87),
+	primary-subtle: #d5e5d6,
+	primary-subtle-hover: #b6d2b7,
+	primary-subtle-active: #97be99,
+	primary: #2e7d32,
+	primary-hover: #2c7830,
+	primary-active: #286e2c,
+	primary-emphasis: #629e65,
+	primary-on-subtle: #102c12,
+	on-primary: white,
+	primary-on-surface: #173f19,
+	secondary-subtle: #d0e0f2,
+	secondary-subtle-hover: #adc9e9,
+	secondary-subtle-active: #8ab2e0,
+	secondary: #1565c0,
+	secondary-hover: #1461b8,
+	secondary-active: #1259a9,
+	secondary-emphasis: #508cd0,
+	secondary-on-subtle: #072343,
+	on-secondary: white,
+	secondary-on-surface: #0b3360,
+	tertiary-subtle: #cce1de,
+	tertiary-subtle-hover: #a6cbc6,
+	tertiary-subtle-active: #80b4ae,
+	tertiary: #00695c,
+	tertiary-hover: #006558,
+	tertiary-active: #005c51,
+	tertiary-emphasis: #408f85,
+	tertiary-on-subtle: #002520,
+	on-tertiary: white,
+	tertiary-on-surface: #00352e,
+	info-subtle: #ccdefb,
+	info-subtle-hover: #a6c5f7,
+	info-subtle-active: #80acf4,
+	info: #0058e9,
+	info-hover: #0054e0,
+	info-active: #004dcd,
+	info-emphasis: #4082ef,
+	info-on-subtle: #001f52,
+	on-info: white,
+	info-on-surface: #002c75,
+	success-subtle: #d7f0cc,
+	success-subtle-hover: #b9e5a6,
+	success-subtle-active: #9bda80,
+	success: #37b400,
+	success-hover: #35ad00,
+	success-active: #309e00,
+	success-emphasis: #69c740,
+	success-on-subtle: #133f00,
+	on-success: black,
+	success-on-surface: #1c5a00,
+	warning-subtle: #fff2cc,
+	warning-subtle-hover: #ffe9a6,
+	warning-subtle-active: #ffe080,
+	warning: #ffc000,
+	warning-hover: #f5b800,
+	warning-active: #e0a900,
+	warning-emphasis: #ffd040,
+	warning-on-subtle: #594300,
+	on-warning: black,
+	warning-on-surface: #806000,
+	error-subtle: #fdd1cc,
+	error-subtle-hover: #fbaea6,
+	error-subtle-active: #f98b80,
+	error: #f31700,
+	error-hover: #e91600,
+	error-active: #d61400,
+	error-emphasis: #f65140,
+	error-on-subtle: #550800,
+	on-error: black,
+	error-on-surface: #7a0c00,
+	series-a: #9c27b0,
+	series-a-bold: #751d84,
+	series-a-bolder: #4e1458,
+	series-a-subtle: #b55dc4,
+	series-a-subtler: #ce93d8,
+	series-b: #2196f3,
+	series-b-bold: #1971b6,
+	series-b-bolder: #114b7a,
+	series-b-subtle: #59b0f6,
+	series-b-subtler: #90cbf9,
+	series-c: #009688,
+	series-c-bold: #007166,
+	series-c-bolder: #004b44,
+	series-c-subtle: #40b0a6,
+	series-c-subtler: #80cbc4,
+	series-d: #ffeb3b,
+	series-d-bold: #bfb02c,
+	series-d-bolder: #80761e,
+	series-d-subtle: #fff06c,
+	series-d-subtler: #fff59d,
+	series-e: #f44336,
+	series-e-bold: #b73229,
+	series-e-bolder: #7a221b,
+	series-e-subtle: #f77268,
+	series-e-subtler: #faa19b,
+	series-f: #4caf50,
+	series-f-bold: #39833c,
+	series-f-bolder: #265828,
+	series-f-subtle: #79c37c,
+	series-f-subtler: #a6d7a8,
+);
+
+@if not ($kendo-enable-color-system) {
+	$primary-palette-name: green !global;
+	$secondary-palette-name: blue !global;
+	$theme-type: light !global;
+	$adjust-contrast: true !global;
+};
+
+
 @import "all.scss";

package/dist/material-main-dark.scss

@@ -1,5 +1,141 @@
-$primary-palette-name: indigo;
-$secondary-palette-name: pink;
-$theme-type: dark;
-$adjust-contrast: true;
+$kendo-enable-color-system: true;
+
+$kendo-colors: (
+	app-surface: #121212,
+	on-app-surface: #ffffff,
+	subtle: rgba(255, 255, 255, 0.7),
+	surface: #252525,
+	surface-alt: #121212,
+	border: rgba(white, 0.12),
+	border-alt: rgba(white, 0.15),
+	base-subtle: #3c3c3c,
+	base-subtle-hover: #454545,
+	base-subtle-active: #565656,
+	base: #212121,
+	base-hover: #333333,
+	base-active: #565656,
+	base-emphasis: #686868,
+	base-on-subtle: #ffffff,
+	on-base: #ffffff,
+	base-on-surface: #ffffff,
+	primary-subtle: #20222c,
+	primary-subtle-hover: #383b4c,
+	primary-subtle-active: #50546d,
+	primary: #9fa8da,
+	primary-hover: #a7afdd,
+	primary-active: #b6bde3,
+	primary-emphasis: #777ea4,
+	primary-on-subtle: #dde1f2,
+	on-primary: black,
+	primary-on-surface: #cfd4ed,
+	secondary-subtle: #311d23,
+	secondary-subtle-hover: #55323e,
+	secondary-subtle-active: #7a4859,
+	secondary: #f48fb1,
+	secondary-hover: #f598b7,
+	secondary-active: #f7aac4,
+	secondary-emphasis: #b76b85,
+	secondary-on-subtle: #fbd8e4,
+	on-secondary: black,
+	secondary-on-surface: #fac7d8,
+	tertiary-subtle: #001e1b,
+	tertiary-subtle-hover: #003530,
+	tertiary-subtle-active: #004b44,
+	tertiary: #009688,
+	tertiary-hover: #149e92,
+	tertiary-active: #3dafa5,
+	tertiary-emphasis: #007166,
+	tertiary-on-subtle: #a6dad5,
+	on-tertiary: black,
+	tertiary-on-surface: #80cbc4,
+	info-subtle: #00122f,
+	info-subtle-hover: #001f52,
+	info-subtle-active: #002c75,
+	info: #0058e9,
+	info-hover: #1465eb,
+	info-active: #3d80ee,
+	info-emphasis: #0042af,
+	info-on-subtle: #a6c5f7,
+	on-info: white,
+	info-on-surface: #80acf4,
+	success-subtle: #0b2400,
+	success-subtle-hover: #133f00,
+	success-subtle-active: #1c5a00,
+	success: #37b400,
+	success-hover: #47ba14,
+	success-active: #67c63d,
+	success-emphasis: #298700,
+	success-on-subtle: #b9e5a6,
+	on-success: black,
+	success-on-surface: #9bda80,
+	warning-subtle: #332600,
+	warning-subtle-hover: #594300,
+	warning-subtle-active: #806000,
+	warning: #ffc000,
+	warning-hover: #ffc514,
+	warning-active: #ffcf3d,
+	warning-emphasis: #bf9000,
+	warning-on-subtle: #ffe9a6,
+	on-warning: black,
+	warning-on-surface: #ffe080,
+	error-subtle: #310500,
+	error-subtle-hover: #550800,
+	error-subtle-active: #7a0c00,
+	error: #f31700,
+	error-hover: #f42a14,
+	error-active: #f64f3d,
+	error-emphasis: #b61100,
+	error-on-subtle: #fbaea6,
+	on-error: black,
+	error-on-surface: #f98b80,
+	inverse-subtle: #fafafa,
+	inverse-subtle-hover: #f5f5f5,
+	inverse-subtle-active: #eeeeee,
+	inverse: #f5f5f5,
+	inverse-hover: #ebebeb,
+	inverse-active: #d6d6d6,
+	inverse-emphasis: #e0e0e0,
+	inverse-on-subtle: #212121,
+	on-inverse: black,
+	inverse-on-surface: #616161,
+	series-a: #9c27b0,
+	series-a-bold: #751d84,
+	series-a-bolder: #4e1458,
+	series-a-subtle: #b55dc4,
+	series-a-subtler: #ce93d8,
+	series-b: #2196f3,
+	series-b-bold: #1971b6,
+	series-b-bolder: #114b7a,
+	series-b-subtle: #59b0f6,
+	series-b-subtler: #90cbf9,
+	series-c: #009688,
+	series-c-bold: #007166,
+	series-c-bolder: #004b44,
+	series-c-subtle: #40b0a6,
+	series-c-subtler: #80cbc4,
+	series-d: #ffeb3b,
+	series-d-bold: #bfb02c,
+	series-d-bolder: #80761e,
+	series-d-subtle: #fff06c,
+	series-d-subtler: #fff59d,
+	series-e: #f44336,
+	series-e-bold: #b73229,
+	series-e-bolder: #7a221b,
+	series-e-subtle: #f77268,
+	series-e-subtler: #faa19b,
+	series-f: #4caf50,
+	series-f-bold: #39833c,
+	series-f-bolder: #265828,
+	series-f-subtle: #79c37c,
+	series-f-subtler: #a6d7a8,
+);
+
+@if not ($kendo-enable-color-system) {
+	$primary-palette-name: indigo !global;
+	$secondary-palette-name: pink !global;
+	$theme-type: dark !global;
+	$adjust-contrast: true !global;
+};
+
+
 @import "all.scss";

package/dist/material-main.scss

@@ -1,5 +1,10 @@
-$primary-palette-name: indigo;
-$secondary-palette-name: pink;
-$theme-type: light;
-$adjust-contrast: true;
+$kendo-enable-color-system: true;
+@if not ($kendo-enable-color-system) {
+	$primary-palette-name: indigo !global;
+	$secondary-palette-name: pink !global;
+	$theme-type: light !global;
+	$adjust-contrast: true !global;
+};
+
+
 @import "all.scss";

package/dist/material-nova.scss

@@ -1,5 +1,131 @@
-$primary-palette-name: pink;
-$secondary-palette-name: lightBlue;
-$theme-type: light;
-$adjust-contrast: true;
+$kendo-enable-color-system: true;
+
+$kendo-colors: (
+	app-surface: #ffffff,
+	on-app-surface: rgba(0, 0, 0, 0.87),
+	subtle: rgba(0, 0, 0, 0.54),
+	surface: #f5f5f5,
+	surface-alt: #ffffff,
+	border: rgba(black, 0.12),
+	border-alt: rgba(black, 0.15),
+	base-subtle: #e0e0e0,
+	base-subtle-hover: #d6d6d6,
+	base-subtle-active: #c2c2c2,
+	base: #ffffff,
+	base-hover: whitesmoke,
+	base-active: #e0e0e0,
+	base-emphasis: #adadad,
+	base-on-subtle: rgba(0, 0, 0, 0.87),
+	on-base: rgba(0, 0, 0, 0.87),
+	base-on-surface: rgba(0, 0, 0, 0.87),
+	primary-subtle: #fad1df,
+	primary-subtle-hover: #f6afc7,
+	primary-subtle-active: #f28daf,
+	primary: #e51a5f,
+	primary-hover: #dc195b,
+	primary-active: #ca1754,
+	primary-emphasis: #ec5387,
+	primary-on-subtle: #500921,
+	on-primary: white,
+	primary-on-surface: #730d30,
+	secondary-subtle: #cce4f2,
+	secondary-subtle-hover: #a6cfe8,
+	secondary-subtle-active: #81bbde,
+	secondary: #0277bd,
+	secondary-hover: #0272b5,
+	secondary-active: #0269a6,
+	secondary-emphasis: #4199ce,
+	secondary-on-subtle: #012a42,
+	on-secondary: white,
+	secondary-on-surface: #013c5f,
+	tertiary-subtle: #cce1de,
+	tertiary-subtle-hover: #a6cbc6,
+	tertiary-subtle-active: #80b4ae,
+	tertiary: #00695c,
+	tertiary-hover: #006558,
+	tertiary-active: #005c51,
+	tertiary-emphasis: #408f85,
+	tertiary-on-subtle: #002520,
+	on-tertiary: white,
+	tertiary-on-surface: #00352e,
+	info-subtle: #ccdefb,
+	info-subtle-hover: #a6c5f7,
+	info-subtle-active: #80acf4,
+	info: #0058e9,
+	info-hover: #0054e0,
+	info-active: #004dcd,
+	info-emphasis: #4082ef,
+	info-on-subtle: #001f52,
+	on-info: white,
+	info-on-surface: #002c75,
+	success-subtle: #d7f0cc,
+	success-subtle-hover: #b9e5a6,
+	success-subtle-active: #9bda80,
+	success: #37b400,
+	success-hover: #35ad00,
+	success-active: #309e00,
+	success-emphasis: #69c740,
+	success-on-subtle: #133f00,
+	on-success: black,
+	success-on-surface: #1c5a00,
+	warning-subtle: #fff2cc,
+	warning-subtle-hover: #ffe9a6,
+	warning-subtle-active: #ffe080,
+	warning: #ffc000,
+	warning-hover: #f5b800,
+	warning-active: #e0a900,
+	warning-emphasis: #ffd040,
+	warning-on-subtle: #594300,
+	on-warning: black,
+	warning-on-surface: #806000,
+	error-subtle: #fdd1cc,
+	error-subtle-hover: #fbaea6,
+	error-subtle-active: #f98b80,
+	error: #f31700,
+	error-hover: #e91600,
+	error-active: #d61400,
+	error-emphasis: #f65140,
+	error-on-subtle: #550800,
+	on-error: black,
+	error-on-surface: #7a0c00,
+	series-a: #9c27b0,
+	series-a-bold: #751d84,
+	series-a-bolder: #4e1458,
+	series-a-subtle: #b55dc4,
+	series-a-subtler: #ce93d8,
+	series-b: #2196f3,
+	series-b-bold: #1971b6,
+	series-b-bolder: #114b7a,
+	series-b-subtle: #59b0f6,
+	series-b-subtler: #90cbf9,
+	series-c: #009688,
+	series-c-bold: #007166,
+	series-c-bolder: #004b44,
+	series-c-subtle: #40b0a6,
+	series-c-subtler: #80cbc4,
+	series-d: #ffeb3b,
+	series-d-bold: #bfb02c,
+	series-d-bolder: #80761e,
+	series-d-subtle: #fff06c,
+	series-d-subtler: #fff59d,
+	series-e: #f44336,
+	series-e-bold: #b73229,
+	series-e-bolder: #7a221b,
+	series-e-subtle: #f77268,
+	series-e-subtler: #faa19b,
+	series-f: #4caf50,
+	series-f-bold: #39833c,
+	series-f-bolder: #265828,
+	series-f-subtle: #79c37c,
+	series-f-subtler: #a6d7a8,
+);
+
+@if not ($kendo-enable-color-system) {
+	$primary-palette-name: pink !global;
+	$secondary-palette-name: lightBlue !global;
+	$theme-type: light !global;
+	$adjust-contrast: true !global;
+};
+
+
 @import "all.scss";