@progress/kendo-theme-classic 13.1.2-dev.0 → 13.2.0-dev.1

package/dist/classic-metro.scss

@@ -1,119 +1,119 @@
 @forward "../scss/index.scss" with (
 
 	$kendo-colors: (
-	app-surface: #ffffff,
-	on-app-surface: #000000,
-	subtle: #333333,
-	surface: #f9f9f9,
-	surface-alt: #ffffff,
-	border: #dbdbdb,
-	border-alt: #bdbdbd,
-	base-subtle: #fafafa,
-	base-subtle-hover: #f9f9f9,
-	base-subtle-active: #eaeaea,
-	base: #f9f9f9,
-	base-hover: #e5e5e5,
-	base-active: #d1d1d1,
-	base-emphasis: #d6d6d6,
-	base-on-subtle: #000000,
-	on-base: #000000,
-	base-on-surface: #000000,
-	primary-subtle: #dfe6cc,
-	primary-subtle-hover: #c8d3a6,
-	primary-subtle-active: #b0c080,
-	primary: #618000,
-	primary-hover: #597600,
-	primary-active: #516c00,
-	primary-emphasis: #89a040,
-	primary-on-subtle: #222d00,
-	on-primary: white,
-	primary-on-surface: #496000,
-	secondary-subtle: #d5d3d5,
-	secondary-subtle-hover: #b5b2b5,
-	secondary-subtle-active: #969195,
-	secondary: #2c232b,
-	secondary-hover: #282028,
-	secondary-active: #251d24,
-	secondary-emphasis: #615a60,
-	secondary-on-subtle: #0f0c0f,
-	on-secondary: white,
-	secondary-on-surface: #211a20,
-	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,
+	app-surface: oklch(100.00% 0.0001 0deg),
+	on-app-surface: oklch(0.00% 0.0000 0deg),
+	subtle: oklch(32.11% 0.0000 0deg),
+	surface: oklch(98.21% 0.0001 0deg),
+	surface-alt: oklch(100.00% 0.0001 0deg),
+	border: oklch(89.14% 0.0001 0deg),
+	border-alt: oklch(79.84% 0.0001 0deg),
+	base-subtle: oklch(98.51% 0.0001 0deg),
+	base-subtle-hover: oklch(98.21% 0.0001 0deg),
+	base-subtle-active: oklch(93.70% 0.0001 0deg),
+	base: oklch(98.21% 0.0001 0deg),
+	base-hover: oklch(92.19% 0.0001 0deg),
+	base-active: oklch(86.07% 0.0001 0deg),
+	base-emphasis: oklch(87.61% 0.0001 0deg),
+	base-on-subtle: oklch(0.00% 0.0000 0deg),
+	on-base: oklch(0.00% 0.0000 0deg),
+	base-on-surface: oklch(0.00% 0.0000 0deg),
+	primary-subtle: oklch(91.27% 0.0353 119.48deg),
+	primary-subtle-hover: oklch(84.69% 0.0613 118.94deg),
+	primary-subtle-active: oklch(77.99% 0.0873 119.92deg),
+	primary: oklch(55.53% 0.1392 124.80deg),
+	primary-hover: oklch(52.37% 0.1314 124.88deg),
+	primary-active: oklch(49.16% 0.1234 124.97deg),
+	primary-emphasis: oklch(66.78% 0.1251 121.25deg),
+	primary-on-subtle: oklch(27.67% 0.0678 122.91deg),
+	on-primary: oklch(100.00% 0.0001 0deg),
+	primary-on-surface: oklch(45.35% 0.1129 124.27deg),
+	secondary-subtle: oklch(86.90% 0.0035 323.99deg),
+	secondary-subtle-hover: oklch(76.69% 0.0054 324.70deg),
+	secondary-subtle-active: oklch(66.22% 0.0083 331.64deg),
+	secondary: oklch(26.97% 0.0196 329.66deg),
+	secondary-hover: oklch(25.61% 0.0189 326.02deg),
+	secondary-active: oklch(24.31% 0.0177 330.15deg),
+	secondary-emphasis: oklch(47.62% 0.0130 330.09deg),
+	secondary-on-subtle: oklch(15.95% 0.0080 325.81deg),
+	on-secondary: oklch(100.00% 0.0001 0deg),
+	secondary-on-surface: oklch(22.87% 0.0156 330.73deg),
+	info-subtle: oklch(90.78% 0.0328 232.34deg),
+	info-subtle-hover: oklch(83.84% 0.0573 233.91deg),
+	info-subtle-active: oklch(77.00% 0.0814 235.23deg),
+	info: oklch(56.38% 0.1428 245.30deg),
+	info-hover: oklch(53.01% 0.1335 245.02deg),
+	info-active: oklch(49.66% 0.1253 245.10deg),
+	info-emphasis: oklch(66.12% 0.1178 238.17deg),
+	info-on-subtle: oklch(27.61% 0.0640 240.71deg),
+	on-info: oklch(100.00% 0.0001 0deg),
+	info-on-surface: oklch(45.81% 0.1142 244.53deg),
+	success-subtle: oklch(92.59% 0.0317 151.35deg),
+	success-subtle-hover: oklch(86.95% 0.0558 150.01deg),
+	success-subtle-active: oklch(81.65% 0.0801 149.15deg),
+	success: oklch(63.90% 0.1556 146.37deg),
+	success-hover: oklch(60.17% 0.1455 146.47deg),
+	success-active: oklch(56.38% 0.1353 146.58deg),
+	success-emphasis: oklch(72.53% 0.1210 147.94deg),
+	success-on-subtle: oklch(30.97% 0.0665 146.71deg),
+	on-success: oklch(100.00% 0.0001 0deg),
+	success-on-surface: oklch(51.95% 0.1229 146.56deg),
+	warning-subtle: oklch(94.63% 0.0454 76.84deg),
+	warning-subtle-hover: oklch(90.93% 0.0788 77.11deg),
+	warning-subtle-active: oklch(87.41% 0.1101 76.48deg),
+	warning: oklch(77.03% 0.1741 64.05deg),
+	warning-hover: oklch(72.47% 0.1635 64.24deg),
+	warning-active: oklch(67.71% 0.1521 64.82deg),
+	warning-emphasis: oklch(81.85% 0.1523 72.65deg),
+	warning-on-subtle: oklch(36.46% 0.0796 68.61deg),
+	on-warning: oklch(100.00% 0.0001 0deg),
+	warning-on-surface: oklch(62.25% 0.1396 65.04deg),
+	error-subtle: oklch(89.72% 0.0408 32.89deg),
+	error-subtle-hover: oklch(82.35% 0.0754 33.01deg),
+	error-subtle-active: oklch(75.20% 0.1109 33.51deg),
+	error: oklch(57.10% 0.2143 32.35deg),
+	error-hover: oklch(53.78% 0.2010 32.50deg),
+	error-active: oklch(50.22% 0.1866 32.72deg),
+	error-emphasis: oklch(64.65% 0.1722 34.18deg),
+	error-on-subtle: oklch(27.53% 0.0953 35.53deg),
+	on-error: oklch(100.00% 0.0001 0deg),
+	error-on-surface: oklch(46.33% 0.1715 32.85deg),
+	series-a: oklch(56.38% 0.1428 245.30deg),
+	series-a-bold: oklch(45.81% 0.1142 244.53deg),
+	series-a-bolder: oklch(34.92% 0.0840 242.70deg),
+	series-a-subtle: oklch(66.12% 0.1178 238.17deg),
+	series-a-subtler: oklch(77.00% 0.0814 235.23deg),
+	series-b: oklch(63.90% 0.1556 146.37deg),
+	series-b-bold: oklch(51.95% 0.1229 146.56deg),
+	series-b-bolder: oklch(39.21% 0.0893 146.74deg),
+	series-b-subtle: oklch(72.53% 0.1210 147.94deg),
+	series-b-subtler: oklch(81.65% 0.0801 149.15deg),
+	series-c: oklch(80.88% 0.1703 75.36deg),
+	series-c-bold: oklch(65.41% 0.1370 76.54deg),
+	series-c-bolder: oklch(48.88% 0.1022 77.09deg),
+	series-c-subtle: oklch(84.82% 0.1546 82.13deg),
+	series-c-subtler: oklch(89.52% 0.1149 85.44deg),
+	series-d: oklch(64.02% 0.2094 38.02deg),
+	series-d-bold: oklch(51.82% 0.1667 38.79deg),
+	series-d-bolder: oklch(39.05% 0.1221 40.16deg),
+	series-d-subtle: oklch(70.79% 0.1657 43.86deg),
+	series-d-subtler: oklch(79.59% 0.1091 45.83deg),
+	series-e: oklch(52.48% 0.2346 322.23deg),
+	series-e-bold: oklch(42.68% 0.1877 322.39deg),
+	series-e-bolder: oklch(32.39% 0.1380 322.11deg),
+	series-e-subtle: oklch(61.89% 0.1966 322.75deg),
+	series-e-subtler: oklch(73.74% 0.1340 322.72deg),
+	series-f: oklch(30.34% 0.1399 309.00deg),
+	series-f-bold: oklch(25.27% 0.1133 309.01deg),
+	series-f-bolder: oklch(20.11% 0.0829 310.95deg),
+	series-f-subtle: oklch(47.69% 0.1110 312.60deg),
+	series-f-subtler: oklch(65.79% 0.0714 313.01deg),
 	) !default,
 	$kendo-enable-gradients: false !default,
 	$kendo-enable-rounded: false !default,
-	$kendo-focus-shadow: 0 0 0 2px rgba( 0, 0, 0, .12 ) !default,
-	$kendo-list-item-focus-shadow: inset 0 0 0 2px rgba( 255, 255, 255, .75 ) !default,
-	$kendo-treeview-item-focus-shadow: inset 0 0 0 2px rgba( 255, 255, 255, .75 ) !default,
+	$kendo-focus-shadow: 0 0 0 2px oklch(0.00% 0.0000 0deg / 0.12) !default,
+	$kendo-list-item-focus-shadow: inset 0 0 0 2px oklch(100.00% 0.0001 0deg / 0.75) !default,
+	$kendo-treeview-item-focus-shadow: inset 0 0 0 2px oklch(100.00% 0.0001 0deg / 0.75) !default,
 );
 
 @use "../scss/index.scss" as *;