@progress/kendo-theme-fluent
Version:
A css variables based theme for Kendo UI that follows the Fluent design system guidelines.
663 lines (662 loc) • 33.6 kB
JSON
{
"$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.14.0/lib/schemas/kendo-swatch.json",
"name": "Fluent 1 Dark",
"product": "kendo",
"base": "@progress/kendo-theme-fluent",
"version": "14.3.0",
"previewColors": [
"oklch(21.85% 0.0025 67.57deg)",
"oklch(24.42% 0.0024 67.57deg)",
"oklch(66.72% 0.1671 248.75deg)",
"oklch(70.36% 0.0036 67.48deg)",
"oklch(96.16% 0.0016 66.90deg)"
],
"components": [],
"groups": [
{
"name": "New theme colors",
"colorsMap": {
"app-surface": {
"name": "App Surface",
"type": "color",
"value": "oklch(21.85% 0.0025 67.57deg)"
},
"on-app-surface": {
"name": "On App Surface",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-app-surface) clamp(0.05, (0.65 - l) * 99999, 0.9616) 0.0016 calc(h - 0.67))\"}"
},
"subtle": {
"name": "Subtle",
"type": "color",
"value": "oklch(70.36% 0.0036 67.48deg)"
},
"surface": {
"name": "Surface",
"type": "color",
"value": "oklch(24.42% 0.0024 67.57deg)"
},
"surface-alt": {
"name": "Surface Alt",
"type": "color",
"value": "oklch(21.85% 0.0025 67.57deg)"
},
"border": {
"name": "Border",
"type": "color",
"value": "oklch(70.36% 0.0036 67.48deg)"
},
"border-alt": {
"name": "Border Alt",
"type": "color",
"value": "oklch(96.16% 0.0016 66.90deg)"
},
"base-subtle": {
"name": "Base Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-base) calc(l + 0.059) calc(c - 0.0002) calc(h - 0.01))\"}"
},
"base-subtle-hover": {
"name": "Base Subtle Hover",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-base) calc(l + 0.0913) calc(c - 0.0003) calc(h - 0.03))\"}"
},
"base-subtle-active": {
"name": "Base Subtle Active",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-base) calc(l + 0.1306) calc(c - 0.0003) calc(h - 0.05))\"}"
},
"base": {
"name": "Base",
"type": "color",
"value": "oklch(21.85% 0.0025 67.57deg)"
},
"base-hover": {
"name": "Base Hover",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-base) calc(l + 0.0425) calc(c - 0.0002) calc(h - 0.01))\"}"
},
"base-active": {
"name": "Base Active",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-base) calc(l + 0.059) calc(c - 0.0002) calc(h - 0.01))\"}"
},
"base-emphasis": {
"name": "Base Emphasis",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-base) calc(l + 0.4851) calc(c + 0.0011) calc(h - 0.09))\"}"
},
"base-on-subtle": {
"name": "Base On Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-base-subtle) clamp(0.05, (0.65 - l) * 99999, 0.9616) 0.0016 calc(h - 0.66))\"}"
},
"on-base": {
"name": "On Base",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-base) clamp(0.05, (0.65 - l) * 99999, 0.9616) 0.0016 calc(h - 0.67))\"}"
},
"base-on-surface": {
"name": "Base On Surface",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-base) clamp(0.05, (0.65 - l) * 99999, 0.9616) 0.0016 calc(h - 0.67))\"}"
},
"primary-subtle": {
"name": "Primary Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-primary) calc(l - 0.4012) calc(c - 0.1456) calc(h - 8.55))\"}"
},
"primary-subtle-hover": {
"name": "Primary Subtle Hover",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-primary) calc(l - 0.3551) calc(c - 0.1248) calc(h - 3.16))\"}"
},
"primary-subtle-active": {
"name": "Primary Subtle Active",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-primary) calc(l - 0.3074) calc(c - 0.1061) calc(h - 3.39))\"}"
},
"primary": {
"name": "Primary",
"type": "color",
"value": "oklch(66.72% 0.1671 248.75deg)"
},
"primary-hover": {
"name": "Primary Hover",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-primary) calc(l + 0.0185) calc(c - 0.0135) calc(h - 1.43))\"}"
},
"primary-active": {
"name": "Primary Active",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-primary) calc(l + 0.091) calc(c - 0.0496) calc(h - 3.88))\"}"
},
"primary-emphasis": {
"name": "Primary Emphasis",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-primary) calc(l + 0.1139) calc(c - 0.066) calc(h - 4.53))\"}"
},
"primary-on-subtle": {
"name": "Primary On Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-primary-subtle) clamp(0.0977, (0.65 - l) * 99999, 0.9023) 0.0452 calc(h + 3.04))\"}"
},
"on-primary": {
"name": "On Primary",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-primary) clamp(0.2185, (0.65 - l) * 99999, 0.7815) 0.0025 calc(h + 178.82))\"}"
},
"primary-on-surface": {
"name": "Primary On Surface",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-primary) clamp(0.3328, (0.7172 - l) * 99999, 0.6672) 0.1671 h)\"}"
},
"secondary-subtle": {
"name": "Secondary Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-secondary) calc(l - 0.3545) calc(c - 0.0014) calc(h + 0.04))\"}"
},
"secondary-subtle-hover": {
"name": "Secondary Subtle Hover",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-secondary) calc(l - 0.2855) calc(c - 0.0005) calc(h - 19.32))\"}"
},
"secondary-subtle-active": {
"name": "Secondary Subtle Active",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-secondary) calc(l - 0.2027) calc(c + 0.0004) calc(h + 0.07))\"}"
},
"secondary": {
"name": "Secondary",
"type": "color",
"value": "oklch(70.36% 0.0036 67.48deg)"
},
"secondary-hover": {
"name": "Secondary Hover",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-secondary) calc(l + 0.0613) calc(c - 0.001) calc(h - 19.85))\"}"
},
"secondary-active": {
"name": "Secondary Active",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-secondary) calc(l + 0.1251) c calc(h - 29.08))\"}"
},
"secondary-emphasis": {
"name": "Secondary Emphasis",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-secondary) calc(l - 0.1332) calc(c + 0.0002) calc(h + 0.05))\"}"
},
"secondary-on-subtle": {
"name": "Secondary On Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-secondary-subtle) clamp(0.05, (0.65 - l) * 99999, 0.9826) 0.0016 calc(h - 0.64))\"}"
},
"on-secondary": {
"name": "On Secondary",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-secondary) clamp(0.2185, (0.65 - l) * 99999, 0.7815) 0.0025 calc(h + 0.09))\"}"
},
"secondary-on-surface": {
"name": "Secondary On Surface",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-secondary) clamp(0.1081, (0.7536 - l) * 99999, 0.8919) 0.0016 calc(h - 0.49))\"}"
},
"tertiary-subtle": {
"name": "Tertiary Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-tertiary) calc(l - 0.5006) calc(c - 0.0196) calc(h + 2.25))\"}"
},
"tertiary-subtle-hover": {
"name": "Tertiary Subtle Hover",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-tertiary) calc(l - 0.4419) calc(c - 0.0034) calc(h + 3.13))\"}"
},
"tertiary-subtle-active": {
"name": "Tertiary Subtle Active",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-tertiary) calc(l - 0.3823) calc(c + 0.0123) calc(h + 3.19))\"}"
},
"tertiary": {
"name": "Tertiary",
"type": "color",
"value": "oklch(77.83% 0.0725 246.29deg)"
},
"tertiary-hover": {
"name": "Tertiary Hover",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-tertiary) calc(l + 0.0404) calc(c - 0.0142) calc(h + 0.69))\"}"
},
"tertiary-active": {
"name": "Tertiary Active",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-tertiary) calc(l + 0.0897) calc(c - 0.0307) calc(h - 0.18))\"}"
},
"tertiary-emphasis": {
"name": "Tertiary Emphasis",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-tertiary) calc(l - 0.1224) calc(c + 0.041) calc(h + 2.25))\"}"
},
"tertiary-on-subtle": {
"name": "Tertiary On Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-tertiary-subtle) clamp(0.0825, (0.65 - l) * 99999, 0.9175) 0.0268 calc(h - 2.12))\"}"
},
"on-tertiary": {
"name": "On Tertiary",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-tertiary) clamp(0.2185, (0.65 - l) * 99999, 0.7815) 0.0025 calc(h - 178.72))\"}"
},
"tertiary-on-surface": {
"name": "Tertiary On Surface",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-tertiary) clamp(0.2217, (0.8283 - l) * 99999, 0.7783) 0.0725 h)\"}"
},
"info-subtle": {
"name": "Info Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-info) calc(l - 0.4345) calc(c - 0.0702) calc(h + 3))\"}"
},
"info-subtle-hover": {
"name": "Info Subtle Hover",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-info) calc(l - 0.3522) calc(c - 0.0438) calc(h + 4.5))\"}"
},
"info-subtle-active": {
"name": "Info Subtle Active",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-info) calc(l - 0.3002) calc(c - 0.028) calc(h + 4.86))\"}"
},
"info": {
"name": "Info",
"type": "color",
"value": "oklch(72.91% 0.1503 245.41deg)"
},
"info-hover": {
"name": "Info Hover",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-info) calc(l + 0.0546) calc(c - 0.0308) calc(h - 2.15))\"}"
},
"info-active": {
"name": "Info Active",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-info) calc(l + 0.0976) calc(c - 0.0557) calc(h - 2.73))\"}"
},
"info-emphasis": {
"name": "Info Emphasis",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-info) calc(l + 0.0976) calc(c - 0.0557) calc(h - 2.73))\"}"
},
"info-on-subtle": {
"name": "Info On Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-info-subtle) clamp(0.0802, (0.65 - l) * 99999, 0.9198) 0.043 calc(h - 7.62))\"}"
},
"on-info": {
"name": "On Info",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-info) clamp(0.2185, (0.65 - l) * 99999, 0.7815) 0.0025 calc(h - 177.84))\"}"
},
"info-on-surface": {
"name": "Info On Surface",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-info) clamp(0.2163, (0.7791 - l) * 99999, 0.7837) 0.1195 calc(h - 2.15))\"}"
},
"success-subtle": {
"name": "Success Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-success) calc(l - 0.4328) calc(c - 0.0924) calc(h - 13.91))\"}"
},
"success-subtle-hover": {
"name": "Success Subtle Hover",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-success) calc(l - 0.346) calc(c - 0.0737) calc(h - 11.46))\"}"
},
"success-subtle-active": {
"name": "Success Subtle Active",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-success) calc(l - 0.2984) calc(c - 0.0599) calc(h - 8.71))\"}"
},
"success": {
"name": "Success",
"type": "color",
"value": "oklch(78.01% 0.1454 128.67deg)"
},
"success-hover": {
"name": "Success Hover",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-success) calc(l + 0.0358) calc(c - 0.0136) calc(h - 0.64))\"}"
},
"success-active": {
"name": "Success Active",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-success) calc(l + 0.069) calc(c - 0.0303) calc(h - 0.88))\"}"
},
"success-emphasis": {
"name": "Success Emphasis",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-success) calc(l - 0.0212) calc(c + 0.0061) calc(h + 0.58))\"}"
},
"success-on-subtle": {
"name": "Success On Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-success-subtle) clamp(0.05, (0.65 - l) * 99999, 0.9523) 0.043 calc(h + 11.14))\"}"
},
"on-success": {
"name": "On Success",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-success) clamp(0.2185, (0.65 - l) * 99999, 0.7815) 0.0025 calc(h - 61.1))\"}"
},
"success-on-surface": {
"name": "Success On Surface",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-success) clamp(0.1104, (0.8301 - l) * 99999, 0.8896) 0.0878 calc(h - 1.67))\"}"
},
"warning-subtle": {
"name": "Warning Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-warning) calc(l - 0.4603) calc(c - 0.0546) calc(h + 14.41))\"}"
},
"warning-subtle-hover": {
"name": "Warning Subtle Hover",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-warning) calc(l - 0.4126) calc(c - 0.044) calc(h + 10.8))\"}"
},
"warning-subtle-active": {
"name": "Warning Subtle Active",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-warning) calc(l - 0.343) calc(c - 0.0282) calc(h + 9.09))\"}"
},
"warning": {
"name": "Warning",
"type": "color",
"value": "oklch(79.76% 0.1017 68.84deg)"
},
"warning-hover": {
"name": "Warning Hover",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-warning) calc(l + 0.0236) calc(c - 0.0071) calc(h - 1.43))\"}"
},
"warning-active": {
"name": "Warning Active",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-warning) calc(l + 0.0607) calc(c - 0.0237) calc(h - 2.38))\"}"
},
"warning-emphasis": {
"name": "Warning Emphasis",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-warning) calc(l + 0.0311) calc(c - 0.0981) calc(h - 30.44))\"}"
},
"warning-on-subtle": {
"name": "Warning On Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-warning-subtle) clamp(0.0691, (0.65 - l) * 99999, 0.9309) 0.0382 calc(h - 22.31))\"}"
},
"on-warning": {
"name": "On Warning",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-warning) clamp(0.2185, (0.65 - l) * 99999, 0.7815) 0.0025 calc(h - 1.27))\"}"
},
"warning-on-surface": {
"name": "Warning On Surface",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-warning) clamp(0.1077, (0.8476 - l) * 99999, 0.8923) 0.0585 calc(h - 5.26))\"}"
},
"error-subtle": {
"name": "Error Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-error) calc(l - 0.4315) calc(c - 0.0951) calc(h + 4.88))\"}"
},
"error-subtle-hover": {
"name": "Error Subtle Hover",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-error) calc(l - 0.3692) calc(c - 0.0693) calc(h + 5.07))\"}"
},
"error-subtle-active": {
"name": "Error Subtle Active",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-error) calc(l - 0.3033) calc(c - 0.0417) calc(h + 4.73))\"}"
},
"error": {
"name": "Error",
"type": "color",
"value": "oklch(74.10% 0.1391 17.14deg)"
},
"error-hover": {
"name": "Error Hover",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-error) calc(l + 0.0563) calc(c - 0.0317) calc(h - 1.75))\"}"
},
"error-active": {
"name": "Error Active",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-error) calc(l + 0.1098) calc(c - 0.0625) calc(h - 3.44))\"}"
},
"error-emphasis": {
"name": "Error Emphasis",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-error) calc(l - 0.0395) calc(c + 0.0198) calc(h - 0.3))\"}"
},
"error-on-subtle": {
"name": "Error On Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-error-subtle) clamp(0.0872, (0.65 - l) * 99999, 0.9128) 0.0437 calc(h - 9.41))\"}"
},
"on-error": {
"name": "On Error",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-error) clamp(0.2185, (0.65 - l) * 99999, 0.7815) 0.0025 calc(h + 50.43))\"}"
},
"error-on-surface": {
"name": "Error On Surface",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-error) clamp(0.2027, (0.791 - l) * 99999, 0.7973) 0.1074 calc(h - 1.75))\"}"
},
"inverse-subtle": {
"name": "Inverse Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-inverse) calc(l - 0.0907) c calc(h + 0.11))\"}"
},
"inverse-subtle-hover": {
"name": "Inverse Subtle Hover",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-inverse) calc(l - 0.1539) calc(c + 0.002) calc(h - 28.48))\"}"
},
"inverse-subtle-active": {
"name": "Inverse Subtle Active",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-inverse) calc(l - 0.2177) calc(c + 0.001) calc(h - 19.25))\"}"
},
"inverse": {
"name": "Inverse",
"type": "color",
"value": "oklch(98.26% 0.0016 66.88deg)"
},
"inverse-hover": {
"name": "Inverse Hover",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-inverse) calc(l - 0.021) c calc(h + 0.02))\"}"
},
"inverse-active": {
"name": "Inverse Active",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-inverse) calc(l - 0.0907) c calc(h + 0.11))\"}"
},
"inverse-emphasis": {
"name": "Inverse Emphasis",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-inverse) calc(l - 0.021) c calc(h + 0.02))\"}"
},
"inverse-on-subtle": {
"name": "Inverse On Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-inverse-subtle) clamp(0.2185, (0.65 - l) * 99999, 0.7815) 0.0025 calc(h + 0.58))\"}"
},
"on-inverse": {
"name": "On Inverse",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-inverse) clamp(0.2185, (0.65 - l) * 99999, 0.7815) 0.0025 calc(h + 0.69))\"}"
},
"inverse-on-surface": {
"name": "Inverse On Surface",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-inverse) clamp(0.05, (1.0326 - l) * 99999, 0.9616) 0.0016 calc(h + 0.02))\"}"
},
"series": {
"name": "Series",
"type": "color",
"value": "oklch(63.29% 0.1167 221.71deg)"
},
"series-a": {
"name": "Series A",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series) l c h)\"}"
},
"series-a-bold": {
"name": "Series A Bold",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-a) calc(l + 0.0803) calc(c - 0.0094) calc(h - 5.81))\"}"
},
"series-a-bolder": {
"name": "Series A Bolder",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-a) calc(l + 0.1689) calc(c - 0.0378) calc(h - 8.17))\"}"
},
"series-a-subtle": {
"name": "Series A Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-a) calc(l - 0.1186) calc(c - 0.0225) calc(h - 0.89))\"}"
},
"series-a-subtler": {
"name": "Series A Subtler",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-a) calc(l - 0.2446) calc(c - 0.0464) calc(h - 2.56))\"}"
},
"series-b": {
"name": "Series B",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series) calc(l - 0.0025) calc(c + 0.0779) calc(h + 158.2))\"}"
},
"series-b-bold": {
"name": "Series B Bold",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-b) calc(l + 0.0753) calc(c - 0.0478) calc(h - 3.58))\"}"
},
"series-b-bolder": {
"name": "Series B Bolder",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-b) calc(l + 0.1651) calc(c - 0.0993) calc(h - 6.25))\"}"
},
"series-b-subtle": {
"name": "Series B Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-b) calc(l - 0.1194) calc(c - 0.0404) calc(h - 0.58))\"}"
},
"series-b-subtler": {
"name": "Series B Subtler",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-b) calc(l - 0.2446) calc(c - 0.0827) calc(h - 0.81))\"}"
},
"series-c": {
"name": "Series C",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series) calc(l + 0.1961) calc(c + 0.0544) calc(h - 140.66))\"}"
},
"series-c-bold": {
"name": "Series C Bold",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-c) calc(l + 0.0364) calc(c - 0.0133) calc(h + 6.12))\"}"
},
"series-c-bolder": {
"name": "Series C Bolder",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-c) calc(l + 0.0759) calc(c - 0.0532) calc(h + 8.12))\"}"
},
"series-c-subtle": {
"name": "Series C Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-c) calc(l - 0.1593) calc(c - 0.0331) calc(h + 0.9))\"}"
},
"series-c-subtler": {
"name": "Series C Subtler",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-c) calc(l - 0.3275) calc(c - 0.068) calc(h + 1.88))\"}"
},
"series-d": {
"name": "Series D",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series) calc(l - 0.0632) calc(c + 0.0537) calc(h + 30.26))\"}"
},
"series-d-bold": {
"name": "Series D Bold",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-d) calc(l + 0.0945) calc(c - 0.0346) calc(h - 6.13))\"}"
},
"series-d-bolder": {
"name": "Series D Bolder",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-d) calc(l + 0.2) calc(c - 0.078) calc(h - 8.01))\"}"
},
"series-d-subtle": {
"name": "Series D Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-d) calc(l - 0.1065) calc(c - 0.0349) calc(h - 0.76))\"}"
},
"series-d-subtler": {
"name": "Series D Subtler",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-d) calc(l - 0.2187) calc(c - 0.0707) calc(h - 1.84))\"}"
},
"series-e": {
"name": "Series E",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series) calc(l - 0.0583) calc(c + 0.0129) calc(h + 79.96))\"}"
},
"series-e-bold": {
"name": "Series E Bold",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-e) calc(l + 0.109) calc(c - 0.0346) calc(h + 1.19))\"}"
},
"series-e-bolder": {
"name": "Series E Bolder",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-e) calc(l + 0.2147) calc(c - 0.0678) calc(h + 2.75))\"}"
},
"series-e-subtle": {
"name": "Series E Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-e) calc(l - 0.1061) calc(c - 0.0271) calc(h - 0.08))\"}"
},
"series-e-subtler": {
"name": "Series E Subtler",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-e) calc(l - 0.2175) calc(c - 0.056) calc(h + 0.91))\"}"
},
"series-f": {
"name": "Series F",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series) calc(l + 0.1075) calc(c + 0.0772) calc(h - 69.48))\"}"
},
"series-f-bold": {
"name": "Series F Bold",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-f) calc(l + 0.0479) calc(c - 0.0282) calc(h + 5.24))\"}"
},
"series-f-bolder": {
"name": "Series F Bolder",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-f) calc(l + 0.1066) calc(c - 0.0753) calc(h + 9.12))\"}"
},
"series-f-subtle": {
"name": "Series F Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-f) calc(l - 0.1418) calc(c - 0.0392) calc(h + 0.6))\"}"
},
"series-f-subtler": {
"name": "Series F Subtler",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-f) calc(l - 0.2928) calc(c - 0.08) calc(h + 1.34))\"}"
}
}
}
]
}