This documentation and the Cisco Observability Platform functionalities it describes are subject to change. Data saved on the platform may disappear and APIs may change without notice.
Using Themes and Tokens for Templates
If you have an existing template and you want to have a theme style that updates when themes change, then you need to use a token. See Tokens.
To use the theme style, you need to use a CSS variable that references the token. The standard format for a CSS variable is var(–-tokenName) and an example of using the default-text token is var(--default-text).
Example format:
"element": {
"instanceOf": "html",
"elements": [
{
"instanceOf": "html",
"element": {
"instanceOf": "text"
},
"style": {
"color": "var(--default-text-medium)",
}
}
],
"style": {
"color": "var(--default-text)",
"borderTopColor": "var(--control-border-weak)"
}
}
Tokens
To add custom tokens, use the `theming` building block and define your custom tokens under the `theme` property with `light` and `dark` to specify which tokens are active during the corresponding themes.Example format:
{
"kind": "template",
"name": "apm:graphLabelColors",
"view": "default",
"target": "*",
"props": {
"elements": []
},
"preprocess": "$ ~> | elements | { 'elements': $props.elements } |",
"element": {
"instanceOf": "theming",
"elementsExpression": "$value ? $ : $ ~> | $ | { 'style': {} } |",
"theme": {
"light": {
"apm-flowmap-label-color": "brown"
},
"dark": {
"apm-flowmap-label-color": "purple"
}
},
"elements": {
"instanceOf": "html",
"elements": []
}
}
}
Light Theme
The tokens for light theme include:
{
"accent-a": "#7d8aff",
"accent-a-hover": "#6977f0",
"accent-a-weak": "#ebedff",
"accent-b": "#b02863",
"accent-b-hover": "#991d53",
"accent-b-weak": "#ffe8ef",
"accent-c": "#f2638c",
"accent-c-hover": "#e3447c",
"accent-c-weak": "#ffd4e0",
"accent-d": "#753bcc",
"accent-d-hover": "#6732b8",
"accent-d-weak": "#f3ebff",
"accent-e": "#6ba32a",
"accent-e-hover": "#598f1b",
"accent-e-weak": "#ebf5e0",
"accent-f": "#ad3907",
"accent-f-hover": "#942e03",
"accent-f-weak": "#ffeadb",
"accent-g": "#04a4b0",
"accent-g-hover": "#028e99",
"accent-g-weak": "#d5f5f5",
"accent-h": "#006773",
"accent-h-hover": "#005c66",
"accent-h-weak": "#a9ebeb",
"accent-i": "#e85fc6",
"accent-i-hover": "#d649b3",
"accent-i-weak": "#ffe8f9",
"accent-j": "#545c8a",
"accent-j-hover": "#484f7a",
"accent-j-weak": "#ebedff",
"accent-k": "#21a65f",
"accent-k-hover": "#169855",
"accent-k-weak": "#d4f5e1",
"brand-accent-border": "#52a62b",
"brand-accent-border-active": "#52a62b",
"brand-accent-border-focus": "#52a62b",
"brand-accent-border-hover": "#e1e4e8",
"brand-accent-border-medium": "#f0f1f2",
"brand-accent-border-medium-active": "#e0f5d5",
"brand-accent-border-medium-disabled": "#fff",
"brand-accent-border-medium-focus": "#fff",
"brand-accent-border-medium-hover": "#fff",
"brand-accent-border-strong": "#f7f7f7",
"brand-accent-border-strong-active": "#f7f7f7",
"brand-accent-border-strong-disabled": "#fff",
"brand-accent-border-strong-focus": "#f7f7f7",
"brand-accent-border-strong-hover": "#f7f7f7",
"brand-accent-border-weak": "#d0d4d9",
"brand-accent-border-weak-active": "#6bbf41",
"brand-accent-border-weak-disabled": "#fff",
"brand-accent-border-weak-focus": "#fff",
"brand-accent-border-weak-hover": "#fff",
"brand-accent-icon": "#889099",
"brand-accent-icon-active": "#45991f",
"brand-accent-icon-disabled": "#d0d4d9",
"brand-accent-icon-focus": "#fff",
"brand-accent-icon-medium": "#a7adb5",
"brand-accent-icon-medium-active": "#52a62b",
"brand-accent-icon-medium-disabled": "#d0d4d9",
"brand-accent-icon-medium-focus": "#fff",
"brand-accent-icon-weak": "#d0d4d9",
"brand-accent-icon-weak-active": "#6bbf41",
"brand-accent-icon-weak-disabled": "#d0d4d9",
"brand-accent-icon-weak-focus": "#fff",
"brand-bg": "#f7f7f7",
"brand-bg-active": "#e1e4e8",
"brand-bg-disabled": "#fff",
"brand-bg-focus": "#e1e4e8",
"brand-bg-gradient-end": "#e1e4e8",
"brand-bg-gradient-start": "#f7f7f7",
"brand-bg-hover": "#f0f1f2",
"brand-text": "#0f1214",
"brand-text-strong": "#000",
"brand-text-weak": "#464c54",
"control-bg": "#fff",
"control-bg-active": "#f0f1f2",
"control-bg-disabled": "#f7f7f7",
"control-bg-focus": "#f0f1f2",
"control-bg-hover": "#e3eeff",
"control-bg-medium": "#fff",
"control-bg-medium-active": "#e3eeff",
"control-bg-medium-disabled": "#e1e4e8",
"control-bg-medium-focus": "#e3eeff",
"control-bg-medium-hover": "#f7f7f7",
"control-bg-strong": "#2774d9",
"control-bg-strong-active": "#0d5cbd",
"control-bg-strong-disabled": "#bad6ff",
"control-bg-strong-focus": "#0d5cbd",
"control-bg-strong-hover": "#0d5cbd",
"control-bg-weak": "#fff",
"control-bg-weak-active": "#e3eeff",
"control-bg-weak-disabled": "#f7f7f7",
"control-bg-weak-focus": "#e3eeff",
"control-bg-weak-hover": "#cce1ff",
"control-border": "#889099",
"control-border-active": "#3e84e5",
"control-border-disabled": "#d0d4d9",
"control-border-focus": "#3e84e5",
"control-border-hover": "#3e84e5",
"control-border-medium": "#2774d9",
"control-border-medium-active": "#2774d9",
"control-border-medium-disabled": "#d0d4d9",
"control-border-medium-focus": "#2774d9",
"control-border-medium-hover": "#bad6ff",
"control-border-strong": "#656c75",
"control-border-strong-active": "#3e84e5",
"control-border-strong-disabled": "#d0d4d9",
"control-border-strong-focus": "#3e84e5",
"control-border-strong-hover": "#656c75",
"control-border-weak": "#e1e4e8",
"control-border-weak-active": "#7cadf7",
"control-border-weak-disabled": "#d0d4d9",
"control-border-weak-focus": "#7cadf7",
"control-border-weak-hover": "#7cadf7",
"control-icon": "#1d69cc",
"control-icon-active": "#0d5cbd",
"control-icon-disabled": "#a3c8ff",
"control-icon-focus": "#0d5cbd",
"control-icon-hover": "#0d5cbd",
"control-icon-in": "#fff",
"control-icon-in-active": "#fff",
"control-icon-in-disabled": "#c1c6cc",
"control-icon-in-focus": "#fff",
"control-icon-in-hover": "#fff",
"control-icon-in-strong": "#2774d9",
"control-icon-in-strong-active": "#2774d9",
"control-icon-in-strong-disabled": "#c1c6cc",
"control-icon-in-strong-focus": "#2774d9",
"control-icon-in-strong-hover": "#2774d9",
"control-icon-medium": "#2774d9",
"control-icon-medium-active": "#0d5cbd",
"control-icon-medium-disabled": "#a3c8ff",
"control-icon-medium-focus": "#0d5cbd",
"control-icon-medium-hover": "#0d5cbd",
"control-icon-strong": "#656c75",
"control-icon-strong-active": "#1d69cc",
"control-icon-strong-disabled": "#c1c6cc",
"control-icon-strong-focus": "#1d69cc",
"control-icon-strong-hover": "#464c54",
"control-icon-weak": "#7e868f",
"control-icon-weak-active": "#2774d9",
"control-icon-weak-disabled": "#d0d4d9",
"control-icon-weak-focus": "#2774d9",
"control-icon-weak-hover": "#2774d9",
"default-bg": "#f7f7f7",
"default-bg-active": "#f7f7f7",
"default-bg-disabled": "#f0f1f2",
"default-bg-hover": "#f7f7f7",
"default-bg-medium": "#f7f7f7",
"default-bg-strong": "#656c75",
"default-bg-strong-active": "#23282e",
"default-bg-strong-disabled": "#d0d4d9",
"default-bg-strong-focus": "#23282e",
"default-bg-strong-hover": "#23282e",
"default-bg-weak": "#fff",
"default-bg-weak-active": "#fff",
"default-bg-weak-disabled": "#f0f1f2",
"default-bg-weak-hover": "#e1e4e8cc",
"default-border": "#e1e4e8",
"default-border-medium": "#e1e4e8",
"default-border-strong": "#656c75",
"default-border-weak": "#fff",
"default-icon-in": "#fff",
"default-icon-in-active": "#fff",
"default-icon-in-disabled": "#fff",
"default-icon-in-focus": "#fff",
"default-icon-in-hover": "#fff",
"default-text": "#23282e",
"default-text-disabled": "#c1c6cc",
"default-text-in": "#fff",
"default-text-in-active": "#fff",
"default-text-in-disabled": "#fff",
"default-text-in-focus": "#fff",
"default-text-in-hover": "#fff",
"default-text-in-weak": "#f7f7f7",
"default-text-medium": "#656c75",
"default-text-medium-disabled": "#c1c6cc",
"default-text-strong": "#373c42",
"default-text-strong-disabled": "#c1c6cc",
"default-text-weak": "#889099",
"default-text-weak-disabled": "#c1c6cc",
"dormant-bg": "#6f7680",
"dormant-bg-disabled": "#6f7680",
"dormant-bg-medium": "#e1e4e8",
"dormant-bg-medium-disabled": "#f7f7f7",
"dormant-border": "#889099",
"dormant-border-disabled": "#d0d4d9",
"dormant-icon": "#6f7680",
"dormant-icon-disabled": "#d0d4d9",
"dormant-icon-in": "#fff",
"dormant-icon-in-disabled": "#fff",
"dormant-icon-in-medium": "#fff",
"dormant-icon-medium": "#fff",
"info-bg": "#5b92f0",
"info-bg-active": "#5b92f0",
"info-bg-disabled": "#5b92f0",
"info-bg-focus": "#5b92f0",
"info-bg-hover": "#5b92f0",
"info-bg-medium": "#d9e7ff",
"info-bg-medium-active": "#d9e7ff",
"info-bg-medium-disabled": "#f7f7f7",
"info-bg-medium-focus": "#d9e7ff",
"info-bg-medium-hover": "#d9e7ff",
"info-bg-strong": "#d9e7ff",
"info-bg-weak": "#fff",
"info-bg-weak-active": "#fff",
"info-bg-weak-disabled": "#fff",
"info-bg-weak-focus": "#fff",
"info-bg-weak-hover": "#fff",
"info-border": "#5b92f0",
"info-border-active": "#5b92f0",
"info-border-disabled": "#5b92f0",
"info-border-focus": "#5b92f0",
"info-border-hover": "#5b92f0",
"info-border-weak": "#fff",
"info-border-weak-active": "#fff",
"info-border-weak-disabled": "#d0d4d9",
"info-border-weak-focus": "#fff",
"info-border-weak-hover": "#fff",
"info-icon": "#5b92f0",
"info-icon-active": "#5b92f0",
"info-icon-disabled": "#d0d4d9",
"info-icon-focus": "#5b92f0",
"info-icon-hover": "#5b92f0",
"info-icon-in": "#fff",
"info-icon-in-active": "#fff",
"info-icon-in-disabled": "#fff",
"info-icon-in-focus": "#fff",
"info-icon-in-hover": "#fff",
"info-icon-weak": "#a6c4f5",
"info-icon-weak-active": "#a6c4f5",
"info-icon-weak-disabled": "#a6c4f5",
"info-icon-weak-focus": "#a6c4f5",
"info-icon-weak-hover": "#a6c4f5",
"interact-bg": "#1d69cc",
"interact-bg-active": "#0d5cbd",
"interact-bg-disabled": "#a3c8ff",
"interact-bg-focus": "#0d5cbd",
"interact-bg-hover": "#0d5cbd",
"interact-bg-medium": "#2774d9",
"interact-bg-weak": "#fff",
"interact-bg-weak-active": "#cce1ff",
"interact-bg-weak-disabled": "#fff",
"interact-bg-weak-focus": "#cce1ff",
"interact-bg-weak-hover": "#cce1ff",
"interact-border": "#1d69cc",
"interact-border-active": "#0d5cbd",
"interact-border-disabled": "#a3c8ff",
"interact-border-focus": "#0d5cbd",
"interact-border-hover": "#0d5cbd",
"interact-border-medium": "#2774d9",
"interact-border-medium-active": "#2774d9",
"interact-border-medium-disabled": "#e1e4e8",
"interact-border-medium-focus": "#2774d9",
"interact-border-medium-hover": "#bad6ff",
"interact-border-weak": "#e1e4e8",
"interact-border-weak-active": "#e1e4e8",
"interact-border-weak-disabled": "#e1e4e8",
"interact-border-weak-focus": "#e1e4e8",
"interact-border-weak-hover": "#cce1ff",
"interact-icon": "#1d69cc",
"interact-icon-active": "#0d5cbd",
"interact-icon-disabled": "#a3c8ff",
"interact-icon-focus": "#0d5cbd",
"interact-icon-hover": "#0d5cbd",
"interact-icon-in": "#fff",
"interact-icon-in-active": "#fff",
"interact-icon-in-disabled": "#fff",
"interact-icon-in-focus": "#fff",
"interact-icon-in-hover": "#fff",
"interact-icon-medium": "#7e868f",
"interact-icon-medium-active": "#2774d9",
"interact-icon-medium-disabled": "#c1c6cc",
"interact-icon-medium-focus": "#2774d9",
"interact-icon-medium-hover": "#2774d9",
"interact-icon-weak": "#7e868f",
"interact-icon-weak-active": "#6f7680",
"interact-icon-weak-disabled": "#d0d4d9",
"interact-icon-weak-focus": "#6f7680",
"interact-icon-weak-hover": "#6f7680",
"interact-text": "#1d69cc",
"interact-text-active": "#0d5cbd",
"interact-text-disabled": "#a3c8ff",
"interact-text-focus": "#0d5cbd",
"interact-text-hover": "#0d5cbd",
"interact-text-in": "#fff",
"interact-text-in-active": "#fff",
"interact-text-in-disabled": "#fff",
"interact-text-in-focus": "#fff",
"interact-text-in-hover": "#fff",
"interact-text-weak": "#656c75",
"interact-text-weak-active": "#1d69cc",
"interact-text-weak-disabled": "#c1c6cc",
"interact-text-weak-focus": "#1d69cc",
"interact-text-weak-hover": "#1d69cc",
"inverse-bg": "#373c42",
"inverse-bg-active": "#464c54",
"inverse-bg-disabled": "#e1e4e8",
"inverse-bg-focus": "#464c54",
"inverse-bg-gradient-end": "#0f1214",
"inverse-bg-gradient-start": "#373c42",
"inverse-bg-hover": "#373c42",
"inverse-bg-weak": "#373c42",
"inverse-border": "#6f7680",
"inverse-border-active": "#cce1ff",
"inverse-border-disabled": "#e1e4e8",
"inverse-border-focus": "#cce1ff",
"inverse-border-hover": "#649ef5",
"inverse-icon": "#f7f7f7",
"inverse-icon-active": "#fff",
"inverse-icon-disabled": "#6f7680",
"inverse-icon-focus": "#fff",
"inverse-icon-hover": "#fff",
"inverse-icon-strong": "#fff",
"inverse-icon-strong-active": "#fff",
"inverse-icon-strong-disabled": "#fff",
"inverse-icon-strong-focus": "#fff",
"inverse-icon-strong-hover": "#fff",
"inverse-text": "#f7f7f7",
"inverse-text-active": "#f7f7f7",
"inverse-text-disabled": "#656c75",
"inverse-text-focus": "#f7f7f7",
"inverse-text-hover": "#f7f7f7",
"inverse-text-medium": "#c1c6cc",
"inverse-text-medium-disabled": "#656c75",
"negative-bg": "#c24632",
"negative-bg-active": "#b03927",
"negative-bg-disabled": "#f0b3aa",
"negative-bg-focus": "#b03927",
"negative-bg-hover": "#b03927",
"negative-bg-medium": "#fce2de",
"negative-bg-medium-active": "#fce2de",
"negative-bg-medium-disabled": "#f7f7f7",
"negative-bg-medium-focus": "#fce2de",
"negative-bg-medium-hover": "#fce2de",
"negative-bg-strong": "#fce2de",
"negative-bg-weak": "#fff",
"negative-bg-weak-active": "#fce2de",
"negative-bg-weak-disabled": "#fff",
"negative-bg-weak-focus": "#fce2de",
"negative-bg-weak-hover": "#fce2de",
"negative-border": "#c24632",
"negative-border-active": "#b03927",
"negative-border-disabled": "#f0b3aa",
"negative-border-focus": "#b03927",
"negative-border-hover": "#b03927",
"negative-border-medium": "#e05843",
"negative-border-medium-active": "#e05843",
"negative-border-medium-disabled": "#f0b3aa",
"negative-border-medium-focus": "#e05843",
"negative-border-medium-hover": "#e05843",
"negative-border-strong": "#c24632",
"negative-border-strong-active": "#c24632",
"negative-border-strong-disabled": "#f0b3aa",
"negative-border-strong-focus": "#c24632",
"negative-border-strong-hover": "#c24632",
"negative-border-weak": "#fff",
"negative-border-weak-active": "#fff",
"negative-border-weak-disabled": "#d0d4d9",
"negative-border-weak-focus": "#fff",
"negative-border-weak-hover": "#fff",
"negative-icon": "#c24632",
"negative-icon-active": "#b03927",
"negative-icon-disabled": "#f0b3aa",
"negative-icon-focus": "#b03927",
"negative-icon-hover": "#b03927",
"negative-icon-in": "#fff",
"negative-icon-in-active": "#fff",
"negative-icon-in-disabled": "#fff",
"negative-icon-in-focus": "#fff",
"negative-icon-in-hover": "#fff",
"negative-icon-weak": "#f0b3aa",
"negative-icon-weak-active": "#f0b3aa",
"negative-icon-weak-disabled": "#d0d4d9",
"negative-icon-weak-focus": "#f0b3aa",
"negative-icon-weak-hover": "#f0b3aa",
"negative-text": "#c24632",
"negative-text-active": "#b03927",
"negative-text-disabled": "#f0b3aa",
"negative-text-focus": "#b03927",
"negative-text-hover": "#b03927",
"negative-text-in": "#fff",
"negative-text-in-active": "#fff",
"negative-text-in-disabled": "#fff",
"negative-text-in-focus": "#fff",
"negative-text-in-hover": "#fff",
"particle": {
"color-scheme": "normal",
"effects": {
"shadow": "0px 3px 8px 0px rgba(0, 0, 0, 0.08)"
},
"unknown-icon": "#596069",
"unknown-icon-active": "#596069"
},
"positive-bg": "#45991f",
"positive-bg-active": "#45991f",
"positive-bg-disabled": "#a1db84",
"positive-bg-focus": "#45991f",
"positive-bg-hover": "#45991f",
"positive-bg-medium": "#eaf7e4",
"positive-bg-medium-active": "#eaf7e4",
"positive-bg-medium-disabled": "#f7f7f7",
"positive-bg-medium-focus": "#eaf7e4",
"positive-bg-medium-hover": "#eaf7e4",
"positive-bg-strong": "#eaf7e4",
"positive-bg-weak": "#fff",
"positive-bg-weak-active": "#fff",
"positive-bg-weak-disabled": "#fff",
"positive-bg-weak-focus": "#fff",
"positive-bg-weak-hover": "#fff",
"positive-border": "#45991f",
"positive-border-active": "#45991f",
"positive-border-disabled": "#45991f",
"positive-border-focus": "#45991f",
"positive-border-hover": "#45991f",
"positive-border-strong": "#378716",
"positive-border-strong-active": "#378716",
"positive-border-strong-disabled": "#378716",
"positive-border-strong-focus": "#378716",
"positive-border-strong-hover": "#378716",
"positive-border-weak": "#fff",
"positive-border-weak-active": "#fff",
"positive-border-weak-disabled": "#d0d4d9",
"positive-border-weak-focus": "#fff",
"positive-border-weak-hover": "#fff",
"positive-icon": "#45991f",
"positive-icon-active": "#45991f",
"positive-icon-disabled": "#d0d4d9",
"positive-icon-focus": "#45991f",
"positive-icon-hover": "#45991f",
"positive-icon-in": "#fff",
"positive-icon-in-active": "#fff",
"positive-icon-in-disabled": "#fff",
"positive-icon-in-focus": "#fff",
"positive-icon-in-hover": "#fff",
"positive-icon-strong": "#45991f",
"positive-icon-strong-active": "#45991f",
"positive-icon-strong-disabled": "#d0d4d9",
"positive-icon-strong-focus": "#45991f",
"positive-icon-strong-hover": "#45991f",
"positive-icon-weak": "#a1db84",
"positive-icon-weak-active": "#a1db84",
"positive-icon-weak-disabled": "#a1db84",
"positive-icon-weak-focus": "#a1db84",
"positive-icon-weak-hover": "#a1db84",
"positive-text-in": "#fff",
"positive-text-in-active": "#fff",
"positive-text-in-disabled": "#fff",
"positive-text-in-focus": "#fff",
"positive-text-in-hover": "#fff",
"severe-warning-bg": "#f26722",
"severe-warning-bg-active": "#f26722",
"severe-warning-bg-disabled": "#fcc9a7",
"severe-warning-bg-focus": "#f26722",
"severe-warning-bg-hover": "#f26722",
"severe-warning-bg-medium": "#ffeadb",
"severe-warning-bg-medium-active": "#ffeadb",
"severe-warning-bg-medium-disabled": "#f7f7f7",
"severe-warning-bg-medium-focus": "#ffeadb",
"severe-warning-bg-medium-hover": "#ffeadb",
"severe-warning-bg-strong": "#ffeadb",
"severe-warning-bg-weak": "#fff",
"severe-warning-bg-weak-active": "#fff",
"severe-warning-bg-weak-disabled": "#fff",
"severe-warning-bg-weak-focus": "#fff",
"severe-warning-bg-weak-hover": "#fff",
"severe-warning-border": "#f26722",
"severe-warning-border-active": "#f26722",
"severe-warning-border-disabled": "#f26722",
"severe-warning-border-focus": "#f26722",
"severe-warning-border-hover": "#f26722",
"severe-warning-border-weak": "#fff",
"severe-warning-border-weak-active": "#fff",
"severe-warning-border-weak-disabled": "#d0d4d9",
"severe-warning-border-weak-focus": "#fff",
"severe-warning-border-weak-hover": "#fff",
"severe-warning-icon": "#f26722",
"severe-warning-icon-active": "#c44f14",
"severe-warning-icon-disabled": "#d0d4d9",
"severe-warning-icon-focus": "#c44f14",
"severe-warning-icon-hover": "#d95a1a",
"severe-warning-icon-in": "#fff",
"severe-warning-icon-in-active": "#fff",
"severe-warning-icon-in-disabled": "#fff",
"severe-warning-icon-in-focus": "#fff",
"severe-warning-icon-in-hover": "#fff",
"severe-warning-icon-strong": "#d95a1a",
"severe-warning-icon-strong-active": "#d95a1a",
"severe-warning-icon-strong-disabled": "#d95a1a",
"severe-warning-icon-strong-focus": "#d95a1a",
"severe-warning-icon-strong-hover": "#d95a1a",
"warning-bg": "#d9b216",
"warning-bg-active": "#d9b216",
"warning-bg-disabled": "#d9b216",
"warning-bg-focus": "#d9b216",
"warning-bg-hover": "#d9b216",
"warning-bg-medium": "#fcf5d4",
"warning-bg-medium-active": "#fcf5d4",
"warning-bg-medium-disabled": "#f7f7f7",
"warning-bg-medium-focus": "#fcf5d4",
"warning-bg-medium-hover": "#fcf5d4",
"warning-bg-strong": "#fcf5d4",
"warning-bg-weak": "#fff",
"warning-bg-weak-active": "#fff",
"warning-bg-weak-disabled": "#fff",
"warning-bg-weak-focus": "#fff",
"warning-bg-weak-hover": "#fff",
"warning-border": "#d9b216",
"warning-border-active": "#d9b216",
"warning-border-disabled": "#d9b216",
"warning-border-focus": "#d9b216",
"warning-border-hover": "#d9b216",
"warning-border-strong": "#a16c03",
"warning-border-strong-active": "#a16c03",
"warning-border-strong-disabled": "#a16c03",
"warning-border-strong-focus": "#a16c03",
"warning-border-strong-hover": "#a16c03",
"warning-border-weak": "#fff",
"warning-border-weak-active": "#fff",
"warning-border-weak-disabled": "#d0d4d9",
"warning-border-weak-focus": "#fff",
"warning-border-weak-hover": "#fff",
"warning-icon": "#d9b216",
"warning-icon-active": "#d9b216",
"warning-icon-disabled": "#d0d4d9",
"warning-icon-focus": "#d9b216",
"warning-icon-hover": "#d9b216",
"warning-icon-in": "#464c54",
"warning-icon-in-active": "#464c54",
"warning-icon-in-disabled": "#fff",
"warning-icon-in-focus": "#464c54",
"warning-icon-in-hover": "#464c54",
"warning-icon-strong": "#d9b216",
"warning-icon-strong-active": "#d9b216",
"warning-icon-strong-disabled": "#d0d4d9",
"warning-icon-strong-focus": "#d9b216",
"warning-icon-strong-hover": "#d9b216",
"warning-text-in": "#fff",
"warning-text-in-active": "#fff",
"warning-text-in-disabled": "#fff",
"warning-text-in-focus": "#fff",
"warning-text-in-hover": "#fff"
}
Dark Theme
The tokens for dark theme include:
{
"accent-a": "#9ca6ff",
"accent-a-hover": "#8a95ff",
"accent-a-weak": "#61679b",
"accent-b": "#e3447c",
"accent-b-hover": "#cf3a7a",
"accent-b-weak": "#99566b",
"accent-c": "#fcb3c8",
"accent-c-hover": "#ff87a9",
"accent-c-weak": "#986f7c",
"accent-d": "#9b5ff5",
"accent-d-hover": "#8d4eed",
"accent-d-weak": "#76609b",
"accent-e": "#85bd46",
"accent-e-hover": "#74ad36",
"accent-e-weak": "#547438",
"accent-f": "#d95a1a",
"accent-f-hover": "#c44f14",
"accent-f-weak": "#98593a",
"accent-g": "#4ad9d9",
"accent-g-hover": "#17c2c2",
"accent-g-weak": "#1f7779",
"accent-h": "#028e99",
"accent-h-hover": "#01818c",
"accent-h-weak": "#538a8b",
"accent-i": "#f582d8",
"accent-i-hover": "#f26dd1",
"accent-i-weak": "#945385",
"accent-j": "#767eb2",
"accent-j-hover": "#6871a3",
"accent-j-weak": "#646a84",
"accent-k": "#4cbf7f",
"accent-k-hover": "#36b26e",
"accent-k-weak": "#357654",
"brand-accent-border": "#53a828",
"brand-accent-border-active": "#53a828",
"brand-accent-border-focus": "#53a828",
"brand-accent-border-hover": "#7e868f",
"brand-accent-border-medium": "#596069",
"brand-accent-border-medium-active": "#53a828",
"brand-accent-border-medium-disabled": "#fff",
"brand-accent-border-medium-focus": "#fff",
"brand-accent-border-medium-hover": "#fff",
"brand-accent-border-strong": "#0f1214",
"brand-accent-border-strong-active": "#0f1214",
"brand-accent-border-strong-disabled": "#fff",
"brand-accent-border-strong-focus": "#fff",
"brand-accent-border-strong-hover": "#fff",
"brand-accent-border-weak": "#d0d4d9",
"brand-accent-border-weak-active": "#378716",
"brand-accent-border-weak-disabled": "#fff",
"brand-accent-border-weak-focus": "#fff",
"brand-accent-border-weak-hover": "#fff",
"brand-accent-icon": "#c1c6cc",
"brand-accent-icon-active": "#6dc242",
"brand-accent-icon-disabled": "#6f7680",
"brand-accent-icon-focus": "#fff",
"brand-accent-icon-medium": "#979fa8",
"brand-accent-icon-medium-active": "#53a828",
"brand-accent-icon-medium-disabled": "#fff",
"brand-accent-icon-medium-focus": "#fff",
"brand-accent-icon-weak": "#6f7680",
"brand-accent-icon-weak-active": "#378716",
"brand-accent-icon-weak-disabled": "#fff",
"brand-accent-icon-weak-focus": "#fff",
"brand-bg": "#23282e",
"brand-bg-active": "#373c42",
"brand-bg-disabled": "#e1e4e8",
"brand-bg-focus": "#373c42",
"brand-bg-gradient-end": "#e1e4e8",
"brand-bg-gradient-start": "#f7f7f7",
"brand-bg-hover": "#373c42",
"brand-text": "#fff",
"brand-text-strong": "#fff",
"brand-text-weak": "#fff",
"control-bg": "#23282e",
"control-bg-active": "#2e3f59",
"control-bg-disabled": "#373c42",
"control-bg-focus": "#2e3f59",
"control-bg-hover": "#2e3f59",
"control-bg-medium": "#23282e",
"control-bg-medium-active": "#2e3f59",
"control-bg-medium-disabled": "#464c54",
"control-bg-medium-focus": "#979fa8",
"control-bg-medium-hover": "#373c42",
"control-bg-strong": "#5191f0",
"control-bg-strong-active": "#649ef5",
"control-bg-strong-disabled": "#596069",
"control-bg-strong-focus": "#649ef5",
"control-bg-strong-hover": "#649ef5",
"control-bg-weak": "#23282e",
"control-bg-weak-active": "#2e3f59",
"control-bg-weak-disabled": "#373c42",
"control-bg-weak-focus": "#23282e",
"control-bg-weak-hover": "#373c42",
"control-border": "#6f7680",
"control-border-active": "#7cadf7",
"control-border-disabled": "#596069",
"control-border-focus": "#7cadf7",
"control-border-hover": "#7cadf7",
"control-border-medium": "#2774d9",
"control-border-medium-active": "#2774d9",
"control-border-medium-disabled": "#d0d4d9",
"control-border-medium-focus": "#2774d9",
"control-border-medium-hover": "#bad6ff",
"control-border-strong": "#656c75",
"control-border-strong-active": "#656c75",
"control-border-strong-disabled": "#596069",
"control-border-strong-focus": "#656c75",
"control-border-strong-hover": "#656c75",
"control-border-weak": "#6f7680",
"control-border-weak-active": "#7cadf7",
"control-border-weak-disabled": "#596069",
"control-border-weak-focus": "#7cadf7",
"control-border-weak-hover": "#7cadf7",
"control-icon": "#649ef5",
"control-icon-active": "#5191f0",
"control-icon-disabled": "#cce1ff",
"control-icon-focus": "#5191f0",
"control-icon-hover": "#5191f0",
"control-icon-in": "#23282e",
"control-icon-in-active": "#23282e",
"control-icon-in-disabled": "#6f7680",
"control-icon-in-focus": "#23282e",
"control-icon-in-hover": "#23282e",
"control-icon-in-strong": "#2774d9",
"control-icon-in-strong-active": "#2774d9",
"control-icon-in-strong-disabled": "#c1c6cc",
"control-icon-in-strong-focus": "#2774d9",
"control-icon-in-strong-hover": "#2774d9",
"control-icon-medium": "#a7adb5",
"control-icon-medium-active": "#889099",
"control-icon-medium-disabled": "#e1e4e8",
"control-icon-medium-focus": "#979fa8",
"control-icon-medium-hover": "#979fa8",
"control-icon-strong": "#c1c6cc",
"control-icon-strong-active": "#979fa8",
"control-icon-strong-disabled": "#6f7680",
"control-icon-strong-focus": "#a7adb5",
"control-icon-strong-hover": "#a7adb5",
"control-icon-weak": "#c1c6cc",
"control-icon-weak-active": "#d0d4d9",
"control-icon-weak-disabled": "#6f7680",
"control-icon-weak-focus": "#d0d4d9",
"control-icon-weak-hover": "#d0d4d9",
"default-bg": "#0f1214",
"default-bg-active": "#0f1214",
"default-bg-disabled": "#464c54",
"default-bg-hover": "#0f1214",
"default-bg-medium": "#373c42",
"default-bg-strong": "#a7adb5",
"default-bg-strong-active": "#c1c6cc",
"default-bg-strong-disabled": "#596069",
"default-bg-strong-focus": "#c1c6cc",
"default-bg-strong-hover": "#c1c6cc",
"default-bg-weak": "#23282e",
"default-bg-weak-active": "#23282e",
"default-bg-weak-disabled": "#464c54",
"default-bg-weak-hover": "#23282e",
"default-border": "#596069",
"default-border-medium": "#464c54",
"default-border-strong": "#c1c6cc",
"default-border-weak": "#23282e",
"default-icon-in": "#23282e",
"default-icon-in-active": "#23282e",
"default-icon-in-disabled": "#6f7680",
"default-icon-in-focus": "#23282e",
"default-icon-in-hover": "#23282e",
"default-text": "#f7f7f7",
"default-text-disabled": "#6f7680",
"default-text-in": "#f7f7f7",
"default-text-in-active": "#fff",
"default-text-in-disabled": "#fff",
"default-text-in-focus": "#fff",
"default-text-in-hover": "#fff",
"default-text-medium": "#d0d4d9",
"default-text-medium-disabled": "#6f7680",
"default-text-strong": "#f0f1f2",
"default-text-strong-disabled": "#6f7680",
"default-text-weak": "#889099",
"default-text-weak-disabled": "#6f7680",
"dormant-bg": "#6f7680",
"dormant-bg-disabled": "#6f7680",
"dormant-bg-medium": "#464c54",
"dormant-bg-medium-disabled": "#373c42",
"dormant-border": "#fff",
"dormant-border-disabled": "#d0d4d9",
"dormant-icon": "#c1c6cc",
"dormant-icon-disabled": "#596069",
"dormant-icon-in": "#23282e",
"dormant-icon-in-disabled": "#23282e",
"dormant-icon-in-medium": "#23282e",
"dormant-icon-medium": "#fff",
"info-bg": "#7aa7f5",
"info-bg-active": "#7aa7f5",
"info-bg-disabled": "#7aa7f5",
"info-bg-focus": "#7aa7f5",
"info-bg-hover": "#7aa7f5",
"info-bg-medium": "#49618c",
"info-bg-medium-active": "#49618c",
"info-bg-medium-disabled": "#373c42",
"info-bg-medium-focus": "#49618c",
"info-bg-medium-hover": "#49618c",
"info-bg-strong": "#3c5277",
"info-bg-weak": "#23282e",
"info-bg-weak-active": "#23282e",
"info-bg-weak-disabled": "#23282e",
"info-bg-weak-focus": "#23282e",
"info-bg-weak-hover": "#23282e",
"info-border": "#7aa7f5",
"info-border-active": "#7aa7f5",
"info-border-disabled": "#7aa7f5",
"info-border-focus": "#7aa7f5",
"info-border-hover": "#7aa7f5",
"info-border-weak": "#23282e",
"info-border-weak-active": "#23282e",
"info-border-weak-disabled": "#596069",
"info-border-weak-focus": "#23282e",
"info-border-weak-hover": "#23282e",
"info-icon": "#7aa7f5",
"info-icon-active": "#7aa7f5",
"info-icon-disabled": "#596069",
"info-icon-focus": "#7aa7f5",
"info-icon-hover": "#7aa7f5",
"info-icon-in": "#23282e",
"info-icon-in-active": "#23282e",
"info-icon-in-disabled": "#23282e",
"info-icon-in-focus": "#23282e",
"info-icon-in-hover": "#23282e",
"info-icon-weak": "#7aa7f5",
"info-icon-weak-active": "#7aa7f5",
"info-icon-weak-disabled": "#596069",
"info-icon-weak-focus": "#7aa7f5",
"info-icon-weak-hover": "#7aa7f5",
"interact-bg": "#649ef5",
"interact-bg-active": "#7cadf7",
"interact-bg-disabled": "#4b73b0",
"interact-bg-focus": "#7cadf7",
"interact-bg-hover": "#7cadf7",
"interact-bg-medium": "#2774d9",
"interact-bg-weak": "#23282e",
"interact-bg-weak-active": "#373c42",
"interact-bg-weak-disabled": "#373c42",
"interact-bg-weak-focus": "#373c42",
"interact-bg-weak-hover": "#373c42",
"interact-border": "#649ef5",
"interact-border-active": "#7cadf7",
"interact-border-disabled": "#4b73b0",
"interact-border-focus": "#7cadf7",
"interact-border-hover": "#7cadf7",
"interact-border-medium": "#2774d9",
"interact-border-medium-active": "#2774d9",
"interact-border-medium-disabled": "#e1e4e8",
"interact-border-medium-focus": "#2774d9",
"interact-border-medium-hover": "#bad6ff",
"interact-border-weak": "#464c54",
"interact-border-weak-active": "#e1e4e8",
"interact-border-weak-disabled": "#e1e4e8",
"interact-border-weak-focus": "#e1e4e8",
"interact-border-weak-hover": "#cce1ff",
"interact-icon": "#649ef5",
"interact-icon-active": "#7cadf7",
"interact-icon-disabled": "#4b73b0",
"interact-icon-focus": "#7cadf7",
"interact-icon-hover": "#7cadf7",
"interact-icon-in": "#23282e",
"interact-icon-in-active": "#23282e",
"interact-icon-in-disabled": "#23282e",
"interact-icon-in-focus": "#23282e",
"interact-icon-in-hover": "#23282e",
"interact-icon-medium": "#7e868f",
"interact-icon-medium-active": "#2774d9",
"interact-icon-medium-disabled": "#c1c6cc",
"interact-icon-medium-focus": "#2774d9",
"interact-icon-medium-hover": "#2774d9",
"interact-icon-weak": "#c1c6cc",
"interact-icon-weak-active": "#d0d4d9",
"interact-icon-weak-disabled": "#6f7680",
"interact-icon-weak-focus": "#d0d4d9",
"interact-icon-weak-hover": "#d0d4d9",
"interact-text": "#649ef5",
"interact-text-active": "#7cadf7",
"interact-text-disabled": "#4b73b0",
"interact-text-focus": "#7cadf7",
"interact-text-hover": "#7cadf7",
"interact-text-in": "#23282e",
"interact-text-in-active": "#23282e",
"interact-text-in-disabled": "#23282e",
"interact-text-in-focus": "#23282e",
"interact-text-in-hover": "#23282e",
"interact-text-weak": "#c1c6cc",
"interact-text-weak-active": "#649ef5",
"interact-text-weak-disabled": "#656c75",
"interact-text-weak-focus": "#649ef5",
"interact-text-weak-hover": "#649ef5",
"inverse-bg": "#373c42",
"inverse-bg-active": "#464c54",
"inverse-bg-disabled": "#e1e4e8",
"inverse-bg-focus": "#464c54",
"inverse-bg-gradient-end": "#0f1214",
"inverse-bg-gradient-start": "#373c42",
"inverse-bg-hover": "#373c42",
"inverse-bg-weak": "#464c54",
"inverse-border": "#6f7680",
"inverse-border-active": "#cce1ff",
"inverse-border-disabled": "#e1e4e8",
"inverse-border-focus": "#cce1ff",
"inverse-border-hover": "#649ef5",
"inverse-icon": "#f7f7f7",
"inverse-icon-active": "#fff",
"inverse-icon-disabled": "#6f7680",
"inverse-icon-focus": "#fff",
"inverse-icon-hover": "#fff",
"inverse-icon-strong": "#f7f7f7",
"inverse-icon-strong-active": "#fff",
"inverse-icon-strong-disabled": "#6f7680",
"inverse-icon-strong-focus": "#fff",
"inverse-icon-strong-hover": "#fff",
"inverse-text": "#f7f7f7",
"inverse-text-active": "#f7f7f7",
"inverse-text-disabled": "#656c75",
"inverse-text-focus": "#f7f7f7",
"inverse-text-hover": "#f7f7f7",
"inverse-text-medium": "#c1c6cc",
"inverse-text-medium-disabled": "#656c75",
"negative-bg": "#eb6b57",
"negative-bg-active": "#f08878",
"negative-bg-disabled": "#a85146",
"negative-bg-focus": "#f08878",
"negative-bg-hover": "#f08878",
"negative-bg-medium": "#84433d",
"negative-bg-medium-active": "#84433d",
"negative-bg-medium-disabled": "#373c42",
"negative-bg-medium-focus": "#84433d",
"negative-bg-medium-hover": "#84433d",
"negative-bg-strong": "#74433c",
"negative-bg-weak": "#23282e",
"negative-bg-weak-active": "#ab574d",
"negative-bg-weak-disabled": "#373c42",
"negative-bg-weak-focus": "#ab574d",
"negative-bg-weak-hover": "#ab574d",
"negative-border": "#eb6b57",
"negative-border-active": "#f0b3aa",
"negative-border-disabled": "#a85146",
"negative-border-focus": "#f0b3aa",
"negative-border-hover": "#f0b3aa",
"negative-border-medium": "#eb6b57",
"negative-border-medium-active": "#f0b3aa",
"negative-border-medium-disabled": "#a85146",
"negative-border-medium-focus": "#f0b3aa",
"negative-border-medium-hover": "#f0b3aa",
"negative-border-strong": "#f7f7f7",
"negative-border-strong-active": "#f7f7f7",
"negative-border-strong-disabled": "#f7f7f7",
"negative-border-strong-focus": "#f7f7f7",
"negative-border-strong-hover": "#fff",
"negative-border-weak": "#23282e",
"negative-border-weak-active": "#23282e",
"negative-border-weak-disabled": "#596069",
"negative-border-weak-focus": "#23282e",
"negative-border-weak-hover": "#23282e",
"negative-icon": "#eb6b57",
"negative-icon-active": "#f0b3aa",
"negative-icon-disabled": "#a85146",
"negative-icon-focus": "#f0b3aa",
"negative-icon-hover": "#f0b3aa",
"negative-icon-in": "#23282e",
"negative-icon-in-active": "#23282e",
"negative-icon-in-disabled": "#23282e",
"negative-icon-in-focus": "#23282e",
"negative-icon-in-hover": "#23282e",
"negative-icon-weak": "#f08878",
"negative-icon-weak-active": "#f08878",
"negative-icon-weak-disabled": "#596069",
"negative-icon-weak-focus": "#f08878",
"negative-icon-weak-hover": "#f08878",
"negative-text": "#eb6b57",
"negative-text-active": "#f0b3aa",
"negative-text-disabled": "#a85146",
"negative-text-focus": "#f0b3aa",
"negative-text-hover": "#f0b3aa",
"negative-text-in": "#23282e",
"negative-text-in-active": "#0f1214",
"negative-text-in-disabled": "#23282e",
"negative-text-in-focus": "#0f1214",
"negative-text-in-hover": "#0f1214",
"particle": {
"color-scheme": "dark",
"effects": {
"shadow": "0px 3px 8px 0px #0000007A"
},
"unknown-icon": "#A7ADB5",
"unknown-icon-active": "#A7ADB5"
},
"positive-bg": "#6dc242",
"positive-bg-active": "#6dc242",
"positive-bg-disabled": "#6dc242",
"positive-bg-focus": "#6dc242",
"positive-bg-hover": "#6dc242",
"positive-bg-medium": "#426f35",
"positive-bg-medium-active": "#426f35",
"positive-bg-medium-disabled": "#373c42",
"positive-bg-medium-focus": "#426f35",
"positive-bg-medium-hover": "#426f35",
"positive-bg-strong": "#355c24",
"positive-bg-weak": "#23282e",
"positive-bg-weak-active": "#23282e",
"positive-bg-weak-disabled": "#23282e",
"positive-bg-weak-focus": "#23282e",
"positive-bg-weak-hover": "#23282e",
"positive-border": "#6dc242",
"positive-border-active": "#6dc242",
"positive-border-disabled": "#6dc242",
"positive-border-focus": "#6dc242",
"positive-border-hover": "#6dc242",
"positive-border-strong": "#f7f7f7",
"positive-border-strong-active": "#f7f7f7",
"positive-border-strong-disabled": "#f7f7f7",
"positive-border-strong-focus": "#f7f7f7",
"positive-border-strong-hover": "#f7f7f7",
"positive-border-weak": "#23282e",
"positive-border-weak-active": "#6dc242",
"positive-border-weak-disabled": "#596069",
"positive-border-weak-focus": "#6dc242",
"positive-border-weak-hover": "#6dc242",
"positive-icon": "#6dc242",
"positive-icon-active": "#6dc242",
"positive-icon-disabled": "#596069",
"positive-icon-focus": "#6dc242",
"positive-icon-hover": "#6dc242",
"positive-icon-in": "#23282e",
"positive-icon-in-active": "#23282e",
"positive-icon-in-disabled": "#23282e",
"positive-icon-in-focus": "#23282e",
"positive-icon-in-hover": "#23282e",
"positive-icon-strong": "#6dc242",
"positive-icon-strong-active": "#6dc242",
"positive-icon-strong-disabled": "#518c39",
"positive-icon-strong-focus": "#6dc242",
"positive-icon-strong-hover": "#6dc242",
"positive-icon-weak": "#6dc242",
"positive-icon-weak-active": "#6dc242",
"positive-icon-weak-disabled": "#596069",
"positive-icon-weak-focus": "#6dc242",
"positive-icon-weak-hover": "#6dc242",
"positive-text-in": "#23282e",
"positive-text-in-active": "#23282e",
"positive-text-in-disabled": "#23282e",
"positive-text-in-focus": "#23282e",
"positive-text-in-hover": "#23282e",
"severe-warning-bg": "#f7782f",
"severe-warning-bg-active": "#f7782f",
"severe-warning-bg-disabled": "#f7782f",
"severe-warning-bg-focus": "#f7782f",
"severe-warning-bg-hover": "#f7782f",
"severe-warning-bg-medium": "#8d5439",
"severe-warning-bg-medium-active": "#8d5439",
"severe-warning-bg-medium-disabled": "#373c42",
"severe-warning-bg-medium-focus": "#8d5439",
"severe-warning-bg-medium-hover": "#8d5439",
"severe-warning-bg-strong": "#753a1c",
"severe-warning-bg-weak": "#23282e",
"severe-warning-bg-weak-active": "#23282e",
"severe-warning-bg-weak-disabled": "#23282e",
"severe-warning-bg-weak-focus": "#23282e",
"severe-warning-bg-weak-hover": "#23282e",
"severe-warning-border": "#f7782f",
"severe-warning-border-active": "#f7782f",
"severe-warning-border-disabled": "#f7782f",
"severe-warning-border-focus": "#f7782f",
"severe-warning-border-hover": "#f7782f",
"severe-warning-border-weak": "#23282e",
"severe-warning-border-weak-active": "#23282e",
"severe-warning-border-weak-disabled": "#596069",
"severe-warning-border-weak-focus": "#23282e",
"severe-warning-border-weak-hover": "#23282e",
"severe-warning-icon": "#f7782f",
"severe-warning-icon-active": "#f7782f",
"severe-warning-icon-disabled": "#596069",
"severe-warning-icon-focus": "#f7782f",
"severe-warning-icon-hover": "#f7782f",
"severe-warning-icon-in": "#23282e",
"severe-warning-icon-in-active": "#23282e",
"severe-warning-icon-in-disabled": "#23282e",
"severe-warning-icon-in-focus": "#23282e",
"severe-warning-icon-in-hover": "#23282e",
"severe-warning-icon-strong": "#fc8d4c",
"severe-warning-icon-strong-active": "#fc8d4c",
"severe-warning-icon-strong-disabled": "#fc8d4c",
"severe-warning-icon-strong-focus": "#fc8d4c",
"severe-warning-icon-strong-hover": "#fc8d4c",
"warning-bg": "#d9b216",
"warning-bg-active": "#d9b216",
"warning-bg-disabled": "#d9b216",
"warning-bg-focus": "#d9b216",
"warning-bg-hover": "#d9b216",
"warning-bg-medium": "#7a6728",
"warning-bg-medium-active": "#7a6728",
"warning-bg-medium-disabled": "#373c42",
"warning-bg-medium-focus": "#7a6728",
"warning-bg-medium-hover": "#7a6728",
"warning-bg-strong": "#5b4b14",
"warning-bg-weak": "#23282e",
"warning-bg-weak-active": "#23282e",
"warning-bg-weak-disabled": "#23282e",
"warning-bg-weak-focus": "#23282e",
"warning-bg-weak-hover": "#23282e",
"warning-border": "#d9b216",
"warning-border-active": "#d9b216",
"warning-border-disabled": "#d9b216",
"warning-border-focus": "#d9b216",
"warning-border-hover": "#d9b216",
"warning-border-strong": "#f7f7f7",
"warning-border-strong-active": "#f7f7f7",
"warning-border-strong-disabled": "#f7f7f7",
"warning-border-strong-focus": "#f7f7f7",
"warning-border-strong-hover": "#f7f7f7",
"warning-border-weak": "#23282e",
"warning-border-weak-active": "#23282e",
"warning-border-weak-disabled": "#596069",
"warning-border-weak-focus": "#23282e",
"warning-border-weak-hover": "#23282e",
"warning-icon": "#d9b216",
"warning-icon-active": "#d9b216",
"warning-icon-disabled": "#596069",
"warning-icon-focus": "#d9b216",
"warning-icon-hover": "#d9b216",
"warning-icon-in": "#23282e",
"warning-icon-in-active": "#23282e",
"warning-icon-in-disabled": "#23282e",
"warning-icon-in-focus": "#23282e",
"warning-icon-in-hover": "#23282e",
"warning-icon-strong": "#d9b216",
"warning-icon-strong-active": "#d9b216",
"warning-icon-strong-disabled": "#d9b216",
"warning-icon-strong-focus": "#d9b216",
"warning-icon-strong-hover": "#d9b216",
"warning-text-in": "#23282e",
"warning-text-in-active": "#23282e",
"warning-text-in-disabled": "#23282e",
"warning-text-in-focus": "#23282e",
"warning-text-in-hover": "#23282e"
}