@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",
"product": "kendo",
"base": "@progress/kendo-theme-fluent",
"version": "14.3.0",
"previewColors": [
"oklch(100.00% 0.0001 0deg)",
"oklch(98.26% 0.0016 66.88deg)",
"oklch(56.77% 0.1666 251.33deg)",
"oklch(48.31% 0.0040 67.56deg)",
"oklch(31.38% 0.0022 67.54deg)"
],
"components": [],
"groups": [
{
"name": "New theme colors",
"colorsMap": {
"app-surface": {
"name": "App Surface",
"type": "color",
"value": "oklch(100.00% 0.0001 0deg)"
},
"on-app-surface": {
"name": "On App Surface",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-app-surface) clamp(0.3138, (0.65 - l) * 99999, 0.6862) 0.0022 calc(h + 67.54))\"}"
},
"subtle": {
"name": "Subtle",
"type": "color",
"value": "oklch(48.31% 0.0040 67.56deg)"
},
"surface": {
"name": "Surface",
"type": "color",
"value": "oklch(98.26% 0.0016 66.88deg)"
},
"surface-alt": {
"name": "Surface Alt",
"type": "color",
"value": "oklch(100.00% 0.0001 0deg)"
},
"border": {
"name": "Border",
"type": "color",
"value": "oklch(62.78% 0.0037 67.51deg)"
},
"border-alt": {
"name": "Border Alt",
"type": "color",
"value": "oklch(31.38% 0.0022 67.54deg)"
},
"base-subtle": {
"name": "Base Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-base) calc(l - 0.0589) calc(c + 0.0032) calc(h + 67.36))\"}"
},
"base-subtle-hover": {
"name": "Base Subtle Hover",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-base) calc(l - 0.0954) calc(c + 0.0033) calc(h + 67.38))\"}"
},
"base-subtle-active": {
"name": "Base Subtle Active",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-base) calc(l - 0.1414) calc(c + 0.0033) calc(h + 67.41))\"}"
},
"base": {
"name": "Base",
"type": "color",
"value": "oklch(100.00% 0.0001 0deg)"
},
"base-hover": {
"name": "Base Hover",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-base) calc(l - 0.0384) calc(c + 0.0015) calc(h + 66.9))\"}"
},
"base-active": {
"name": "Base Active",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-base) calc(l - 0.0589) calc(c + 0.0032) calc(h + 67.36))\"}"
},
"base-emphasis": {
"name": "Base Emphasis",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-base) calc(l - 0.5169) calc(c + 0.0039) calc(h + 67.56))\"}"
},
"base-on-subtle": {
"name": "Base On Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-base-subtle) clamp(0.3138, (0.65 - l) * 99999, 0.6862) 0.0022 calc(h + 0.18))\"}"
},
"on-base": {
"name": "On Base",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-base) clamp(0.3138, (0.65 - l) * 99999, 0.6862) 0.0022 calc(h + 67.54))\"}"
},
"base-on-surface": {
"name": "Base On Surface",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-base) clamp(0.3138, (0.65 - l) * 99999, 0.6862) 0.0022 calc(h + 67.54))\"}"
},
"primary-subtle": {
"name": "Primary Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-primary) calc(l + 0.3688) calc(c - 0.1434) calc(h - 5.21))\"}"
},
"primary-subtle-hover": {
"name": "Primary Subtle Hover",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-primary) calc(l + 0.3268) calc(c - 0.1282) calc(h - 9.12))\"}"
},
"primary-subtle-active": {
"name": "Primary Subtle Active",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-primary) calc(l + 0.2756) calc(c - 0.1082) calc(h - 9.1))\"}"
},
"primary": {
"name": "Primary",
"type": "color",
"value": "oklch(56.77% 0.1666 251.33deg)"
},
"primary-hover": {
"name": "Primary Hover",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-primary) calc(l - 0.036) calc(c - 0.0183) calc(h - 0.24))\"}"
},
"primary-active": {
"name": "Primary Active",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-primary) calc(l - 0.1066) calc(c - 0.035) calc(h - 1.02))\"}"
},
"primary-emphasis": {
"name": "Primary Emphasis",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-primary) calc(l - 0.185) calc(c - 0.0611) calc(h - 2.38))\"}"
},
"primary-on-subtle": {
"name": "Primary On Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-primary-subtle) clamp(0.2174, (0.65 - l) * 99999, 0.7826) 0.0524 calc(h - 3.29))\"}"
},
"on-primary": {
"name": "On Primary",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-primary) clamp(0.05, (0.65 - l) * 99999, 1) 0.0001 calc(h + 108.67))\"}"
},
"primary-on-surface": {
"name": "Primary On Surface",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-primary) clamp(0.4323, (0.65 - l) * 99999, 0.5677) 0.1666 h)\"}"
},
"secondary-subtle": {
"name": "Secondary Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-secondary) calc(l + 0.3117) calc(c - 0.0021) calc(h - 0.61))\"}"
},
"secondary-subtle-hover": {
"name": "Secondary Subtle Hover",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-secondary) calc(l + 0.2907) calc(c - 0.0021) calc(h - 0.59))\"}"
},
"secondary-subtle-active": {
"name": "Secondary Subtle Active",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-secondary) calc(l + 0.2702) calc(c - 0.0004) calc(h - 0.13))\"}"
},
"secondary": {
"name": "Secondary",
"type": "color",
"value": "oklch(67.09% 0.0037 67.49deg)"
},
"secondary-hover": {
"name": "Secondary Hover",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-secondary) calc(l - 0.0431) c calc(h + 0.02))\"}"
},
"secondary-active": {
"name": "Secondary Active",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-secondary) calc(l - 0.1005) calc(c + 0.0001) calc(h + 0.04))\"}"
},
"secondary-emphasis": {
"name": "Secondary Emphasis",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-secondary) calc(l - 0.1878) calc(c + 0.0003) calc(h + 0.07))\"}"
},
"secondary-on-subtle": {
"name": "Secondary On Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-secondary-subtle) clamp(0.3138, (0.65 - l) * 99999, 0.6862) 0.0022 calc(h + 0.66))\"}"
},
"on-secondary": {
"name": "On Secondary",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-secondary) clamp(0.05, (0.7209 - l) * 99999, 1) 0.0001 calc(h - 67.49))\"}"
},
"secondary-on-surface": {
"name": "Secondary On Surface",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-secondary) clamp(0.4831, (0.65 - l) * 99999, 0.5169) 0.004 calc(h + 0.07))\"}"
},
"tertiary-subtle": {
"name": "Tertiary Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-tertiary) calc(l + 0.3239) calc(c - 0.1249) calc(h - 3))\"}"
},
"tertiary-subtle-hover": {
"name": "Tertiary Subtle Hover",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-tertiary) calc(l + 0.2659) calc(c - 0.1033) calc(h - 4.91))\"}"
},
"tertiary-subtle-active": {
"name": "Tertiary Subtle Active",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-tertiary) calc(l + 0.2259) calc(c - 0.0882) calc(h - 4.39))\"}"
},
"tertiary": {
"name": "Tertiary",
"type": "color",
"value": "oklch(61.26% 0.1481 249.12deg)"
},
"tertiary-hover": {
"name": "Tertiary Hover",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-tertiary) calc(l - 0.0337) calc(c - 0.0102) calc(h - 0.39))\"}"
},
"tertiary-active": {
"name": "Tertiary Active",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-tertiary) calc(l - 0.0699) calc(c - 0.0181) calc(h - 0.09))\"}"
},
"tertiary-emphasis": {
"name": "Tertiary Emphasis",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-tertiary) calc(l - 0.1046) calc(c - 0.0287) calc(h - 0.57))\"}"
},
"tertiary-on-subtle": {
"name": "Tertiary On Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-tertiary-subtle) clamp(0.3952, (0.65 - l) * 99999, 0.6048) 0.0899 calc(h + 2.35))\"}"
},
"on-tertiary": {
"name": "On Tertiary",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-tertiary) clamp(0.05, (0.65 - l) * 99999, 1) 0.0001 calc(h + 110.88))\"}"
},
"tertiary-on-surface": {
"name": "Tertiary On Surface",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-tertiary) clamp(0.3874, (0.65 - l) * 99999, 0.6126) 0.1481 h)\"}"
},
"info-subtle": {
"name": "Info Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-info) calc(l + 0.3014) calc(c - 0.1691) calc(h - 5.39))\"}"
},
"info-subtle-hover": {
"name": "Info Subtle Hover",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-info) calc(l + 0.245) calc(c - 0.1393) calc(h - 5.76))\"}"
},
"info-subtle-active": {
"name": "Info Subtle Active",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-info) calc(l + 0.1906) calc(c - 0.1097) calc(h - 5.21))\"}"
},
"info": {
"name": "Info",
"type": "color",
"value": "oklch(61.17% 0.2125 256.94deg)"
},
"info-hover": {
"name": "Info Hover",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-info) calc(l - 0.0574) calc(c - 0.0214) calc(h - 0.09))\"}"
},
"info-active": {
"name": "Info Active",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-info) calc(l - 0.1163) calc(c - 0.0434) calc(h - 0.21))\"}"
},
"info-emphasis": {
"name": "Info Emphasis",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-info) calc(l - 0.1748) calc(c - 0.0673) calc(h - 0.83))\"}"
},
"info-on-subtle": {
"name": "Info On Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-info-subtle) clamp(0.2431, (0.65 - l) * 99999, 0.7569) 0.07 calc(h + 1.98))\"}"
},
"on-info": {
"name": "On Info",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-info) clamp(0.05, (0.65 - l) * 99999, 1) 0.0001 calc(h + 103.06))\"}"
},
"info-on-surface": {
"name": "Info On Surface",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-info) clamp(0.4457, (0.65 - l) * 99999, 0.5543) 0.1911 calc(h - 0.09))\"}"
},
"success-subtle": {
"name": "Success Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-success) calc(l + 0.2982) calc(c - 0.0992) calc(h - 0.38))\"}"
},
"success-subtle-hover": {
"name": "Success Subtle Hover",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-success) calc(l + 0.2473) calc(c - 0.0834) calc(h + 0.06))\"}"
},
"success-subtle-active": {
"name": "Success Subtle Active",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-success) calc(l + 0.1984) calc(c - 0.0656) calc(h + 0.24))\"}"
},
"success": {
"name": "Success",
"type": "color",
"value": "oklch(65.14% 0.1402 143.55deg)"
},
"success-hover": {
"name": "Success Hover",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-success) calc(l - 0.0494) calc(c + 0.0121) calc(h - 0.13))\"}"
},
"success-active": {
"name": "Success Active",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-success) calc(l - 0.0948) calc(c + 0.0226) calc(h - 0.53))\"}"
},
"success-emphasis": {
"name": "Success Emphasis",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-success) calc(l - 0.141) calc(c + 0.0252) calc(h - 0.87))\"}"
},
"success-on-subtle": {
"name": "Success On Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-success-subtle) clamp(0.2776, (0.65 - l) * 99999, 0.7224) 0.0848 calc(h - 0.29))\"}"
},
"on-success": {
"name": "On Success",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-success) clamp(0.05, (0.7014 - l) * 99999, 1) 0.0001 calc(h - 143.55))\"}"
},
"success-on-surface": {
"name": "Success On Surface",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-success) clamp(0.4896, (0.7014 - l) * 99999, 0.5104) 0.1654 calc(h - 0.87))\"}"
},
"warning-subtle": {
"name": "Warning Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-warning) calc(l + 0.1086) calc(c - 0.1235) calc(h + 5.46))\"}"
},
"warning-subtle-hover": {
"name": "Warning Subtle Hover",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-warning) calc(l + 0.0881) calc(c - 0.0907) calc(h + 5.96))\"}"
},
"warning-subtle-active": {
"name": "Warning Subtle Active",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-warning) calc(l + 0.0669) calc(c - 0.0625) calc(h + 5.17))\"}"
},
"warning": {
"name": "Warning",
"type": "color",
"value": "oklch(85.76% 0.1740 88.33deg)"
},
"warning-hover": {
"name": "Warning Hover",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-warning) calc(l - 0.0258) calc(c - 0.0041) calc(h + 0.15))\"}"
},
"warning-active": {
"name": "Warning Active",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-warning) calc(l - 0.0788) calc(c - 0.0149) calc(h + 0.53))\"}"
},
"warning-emphasis": {
"name": "Warning Emphasis",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-warning) calc(l - 0.4371) calc(c - 0.1705) calc(h - 3.68))\"}"
},
"warning-on-subtle": {
"name": "Warning On Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-warning-subtle) clamp(0.3138, (0.65 - l) * 99999, 0.6862) 0.0022 calc(h - 26.25))\"}"
},
"on-warning": {
"name": "On Warning",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-warning) clamp(0.3138, (0.65 - l) * 99999, 0.6862) 0.0022 calc(h - 20.79))\"}"
},
"warning-on-surface": {
"name": "Warning On Surface",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-warning) clamp(0.4991, (0.9076 - l) * 99999, 0.5009) 0.1023 calc(h + 1.87))\"}"
},
"error-subtle": {
"name": "Error Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-error) calc(l + 0.3279) calc(c - 0.0933) calc(h - 6.62))\"}"
},
"error-subtle-hover": {
"name": "Error Subtle Hover",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-error) calc(l + 0.2737) calc(c - 0.0804) calc(h - 4.09))\"}"
},
"error-subtle-active": {
"name": "Error Subtle Active",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-error) calc(l + 0.2174) calc(c - 0.0655) calc(h - 4))\"}"
},
"error": {
"name": "Error",
"type": "color",
"value": "oklch(61.83% 0.1174 17.65deg)"
},
"error-hover": {
"name": "Error Hover",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-error) calc(l - 0.0508) calc(c + 0.0162) calc(h + 1.73))\"}"
},
"error-active": {
"name": "Error Active",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-error) calc(l - 0.0999) calc(c + 0.0324) calc(h + 3.43))\"}"
},
"error-emphasis": {
"name": "Error Emphasis",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-error) calc(l - 0.1429) calc(c + 0.0444) calc(h + 6))\"}"
},
"error-on-subtle": {
"name": "Error On Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-error-subtle) clamp(0.2586, (0.65 - l) * 99999, 0.7414) 0.0784 calc(h + 10.28))\"}"
},
"on-error": {
"name": "On Error",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-error) clamp(0.05, (0.65 - l) * 99999, 1) 0.0001 calc(h - 17.65))\"}"
},
"error-on-surface": {
"name": "Error On Surface",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-error) clamp(0.4754, (0.5683 - l) * 99999, 0.5246) 0.1618 calc(h + 6))\"}"
},
"inverse-subtle": {
"name": "Inverse Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-inverse) calc(l + 0.3898) calc(c + 0.0014) calc(h - 0.06))\"}"
},
"inverse-subtle-hover": {
"name": "Inverse Subtle Hover",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-inverse) calc(l + 0.3571) calc(c + 0.0015) calc(h - 0.05))\"}"
},
"inverse-subtle-active": {
"name": "Inverse Subtle Active",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-inverse) calc(l + 0.314) calc(c + 0.0015) calc(h - 0.03))\"}"
},
"inverse": {
"name": "Inverse",
"type": "color",
"value": "oklch(31.38% 0.0022 67.54deg)"
},
"inverse-hover": {
"name": "Inverse Hover",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-inverse) calc(l - 0.0738) calc(c + 0.0002) calc(h + 0.03))\"}"
},
"inverse-active": {
"name": "Inverse Active",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-inverse) calc(l - 0.3138) calc(c - 0.0022) calc(h - 67.54))\"}"
},
"inverse-emphasis": {
"name": "Inverse Emphasis",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-inverse) calc(l + 0.2566) calc(c + 0.0016) calc(h - 0.01))\"}"
},
"inverse-on-subtle": {
"name": "Inverse On Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-inverse-subtle) clamp(0.24, (0.65 - l) * 99999, 0.76) 0.0024 calc(h + 0.09))\"}"
},
"on-inverse": {
"name": "On Inverse",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-inverse) clamp(0.05, (0.65 - l) * 99999, 1) 0.0001 calc(h - 67.54))\"}"
},
"inverse-on-surface": {
"name": "Inverse On Surface",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-inverse) clamp(0.3138, (0.2638 - l) * 99999, 0.6862) 0.0022 h)\"}"
},
"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.1186) calc(c - 0.0225) calc(h - 0.89))\"}"
},
"series-a-bolder": {
"name": "Series A Bolder",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-a) calc(l - 0.2446) calc(c - 0.0464) calc(h - 2.56))\"}"
},
"series-a-subtle": {
"name": "Series A Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-a) calc(l + 0.0803) calc(c - 0.0094) calc(h - 5.81))\"}"
},
"series-a-subtler": {
"name": "Series A Subtler",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-a) calc(l + 0.1689) calc(c - 0.0378) calc(h - 8.17))\"}"
},
"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.1194) calc(c - 0.0404) calc(h - 0.58))\"}"
},
"series-b-bolder": {
"name": "Series B Bolder",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-b) calc(l - 0.2446) calc(c - 0.0827) calc(h - 0.81))\"}"
},
"series-b-subtle": {
"name": "Series B Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-b) calc(l + 0.0753) calc(c - 0.0478) calc(h - 3.58))\"}"
},
"series-b-subtler": {
"name": "Series B Subtler",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-b) calc(l + 0.1651) calc(c - 0.0993) calc(h - 6.25))\"}"
},
"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.1593) calc(c - 0.0331) calc(h + 0.9))\"}"
},
"series-c-bolder": {
"name": "Series C Bolder",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-c) calc(l - 0.3275) calc(c - 0.068) calc(h + 1.88))\"}"
},
"series-c-subtle": {
"name": "Series C Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-c) calc(l + 0.0364) calc(c - 0.0133) calc(h + 6.12))\"}"
},
"series-c-subtler": {
"name": "Series C Subtler",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-c) calc(l + 0.0759) calc(c - 0.0532) calc(h + 8.12))\"}"
},
"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.1065) calc(c - 0.0349) calc(h - 0.76))\"}"
},
"series-d-bolder": {
"name": "Series D Bolder",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-d) calc(l - 0.2187) calc(c - 0.0707) calc(h - 1.84))\"}"
},
"series-d-subtle": {
"name": "Series D Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-d) calc(l + 0.0945) calc(c - 0.0346) calc(h - 6.13))\"}"
},
"series-d-subtler": {
"name": "Series D Subtler",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-d) calc(l + 0.2) calc(c - 0.078) calc(h - 8.01))\"}"
},
"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.1061) calc(c - 0.0271) calc(h - 0.08))\"}"
},
"series-e-bolder": {
"name": "Series E Bolder",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-e) calc(l - 0.2175) calc(c - 0.056) calc(h + 0.91))\"}"
},
"series-e-subtle": {
"name": "Series E Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-e) calc(l + 0.109) calc(c - 0.0346) calc(h + 1.19))\"}"
},
"series-e-subtler": {
"name": "Series E Subtler",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-e) calc(l + 0.2147) calc(c - 0.0678) calc(h + 2.75))\"}"
},
"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.1418) calc(c - 0.0392) calc(h + 0.6))\"}"
},
"series-f-bolder": {
"name": "Series F Bolder",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-f) calc(l - 0.2928) calc(c - 0.08) calc(h + 1.34))\"}"
},
"series-f-subtle": {
"name": "Series F Subtle",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-f) calc(l + 0.0479) calc(c - 0.0282) calc(h + 5.24))\"}"
},
"series-f-subtler": {
"name": "Series F Subtler",
"type": "color",
"value": "#{\"oklch(from var(--kendo-color-series-f) calc(l + 0.1066) calc(c - 0.0753) calc(h + 9.12))\"}"
}
}
}
]
}