Colors
Colors are essential for creating a cohesive and visually appealing design system. They help establish visual hierarchy, improve usability and reinforce our brand's identity.
import Colors from '@dynatrace/strato-design-tokens/colors';
Colors.Theme
Colors.Theme.Foreground
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Theme.Foreground.10 | #2d2e4e | #f0f0f5 | |||
| Colors.Theme.Foreground.20 | #fff | #112 | |||
Colors.Theme.Background
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Theme.Background.10 | #f9f9fa | #19192c | |||
| Colors.Theme.Background.20 | #fff | #112 | |||
Colors.Theme.Background.Shell
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Theme.Background.Shell.Default | #f2f2f5 | #141419 | |||
Colors.Theme.Background.Surface
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Theme.Background.Surface.BackdropEmbedded | #f9f9facc | #112c | |||
Colors.Theme.Neutral
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Theme.Neutral.10 | #f2f2f5 | #212135 | |||
| Colors.Theme.Neutral.20 | #ebecf0 | #292a3e | |||
| Colors.Theme.Neutral.30 | #e4e5eb | #323248 | |||
| Colors.Theme.Neutral.40 | #dadbe4 | #3b3b52 | |||
| Colors.Theme.Neutral.50 | #d0d1dc | #44445c | |||
| Colors.Theme.Neutral.60 | #c6c7d5 | #4d4e66 | |||
| Colors.Theme.Neutral.70 | #5b5c81 | #a0a1c0 | |||
| Colors.Theme.Neutral.80 | #4d4e72 | #b0b1d0 | |||
| Colors.Theme.Neutral.90 | #404164 | #bfc0e1 | |||
Colors.Theme.Primary
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Theme.Primary.10 | #f1f2f9 | #212138 | |||
| Colors.Theme.Primary.20 | #e9ecf8 | #292944 | |||
| Colors.Theme.Primary.30 | #e1e5f7 | #313150 | |||
| Colors.Theme.Primary.40 | #d5dbf6 | #39395d | |||
| Colors.Theme.Primary.50 | #c9d1f4 | #42426a | |||
| Colors.Theme.Primary.60 | #bdc7f2 | #4a4b78 | |||
| Colors.Theme.Primary.70 | #474fcf | #999bed | |||
| Colors.Theme.Primary.80 | #3b3fbe | #a8abfe | |||
| Colors.Theme.Primary.90 | #312dad | #b8bbff | |||
Colors.Theme.Success
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Theme.Success.10 | #f1f3f3 | #1e2234 | |||
| Colors.Theme.Success.20 | #e8eded | #222c3c | |||
| Colors.Theme.Success.30 | #e0e7e6 | #273644 | |||
| Colors.Theme.Success.40 | #d3dedd | #2b404c | |||
| Colors.Theme.Success.50 | #c7d5d3 | #304a54 | |||
| Colors.Theme.Success.60 | #bbccc9 | #34545d | |||
| Colors.Theme.Success.70 | #2f6862 | #5eb1a9 | |||
| Colors.Theme.Success.80 | #1f5a54 | #6ec1b9 | |||
| Colors.Theme.Success.90 | #0d4c47 | #7ed1c9 | |||
Colors.Theme.Warning
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Theme.Warning.10 | #f9f6f3 | #252230 | |||
| Colors.Theme.Warning.20 | #f9f3ec | #332c34 | |||
| Colors.Theme.Warning.30 | #f9f0e5 | #403537 | |||
| Colors.Theme.Warning.40 | #f9ebdb | #4e3e39 | |||
| Colors.Theme.Warning.50 | #f9e6d0 | #5d483c | |||
| Colors.Theme.Warning.60 | #f9e1c6 | #6c523e | |||
| Colors.Theme.Warning.70 | #eea53c | #eea746 | |||
| Colors.Theme.Warning.80 | #ffb54f | #ffb758 | |||
| Colors.Theme.Warning.90 | #ffc76d | #ffc974 | |||
Colors.Theme.Critical
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Theme.Critical.10 | #f9f1f2 | #251c2e | |||
| Colors.Theme.Critical.20 | #f8e9e9 | #301f2f | |||
| Colors.Theme.Critical.30 | #f8e1e1 | #3c2131 | |||
| Colors.Theme.Critical.40 | #f6d6d5 | #482332 | |||
| Colors.Theme.Critical.50 | #f5cac9 | #542433 | |||
| Colors.Theme.Critical.60 | #f3bebd | #602634 | |||
| Colors.Theme.Critical.70 | #c62239 | #c82d40 | |||
| Colors.Theme.Critical.80 | #b4002b | #b61532 | |||
| Colors.Theme.Critical.90 | #a2001d | #a50024 | |||
Colors.Background
Colors.Background.Base
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Background.Base.Default | #f9f9fa | #19192c | Use for the background of your app. | ||
Colors.Background.Surface
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Background.Surface.Backdrop | #f9f9facc | #19192ccc | Use as the backdrop for surfaces to reduce the visual noise of background elements. | ||
| Colors.Background.Surface.BackdropEmbedded | #f9f9facc | #112c | Use as the backdrop for embedded overlays to reduce the visual noise of background elements. | ||
| Colors.Background.Surface.Default | #fff | #112 | Use for default surface background. | ||
Colors.Background.Container.Neutral
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Background.Container.Neutral.Subdued | #f9f9fa | #19192c | Use for subtle containers. | ||
| Colors.Background.Container.Neutral.Default | #f2f2f5 | #212135 | Use for default containers. | ||
| Colors.Background.Container.Neutral.Emphasized | #ebecf0 | #292a3e | Use for emphasized neutral containers that draw attention. | ||
| Colors.Background.Container.Neutral.Accent | #5b5c81 | #a0a1c0 | Use for accentuated neutral containers with high contrast. Use sparingly. | ||
Colors.Background.Container.Primary
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Background.Container.Primary.Default | #f1f2f9 | #212138 | Use for default primary color containers. | ||
| Colors.Background.Container.Primary.Emphasized | #e9ecf8 | #292944 | Use for emphasized primary color containers that draw attention. | ||
| Colors.Background.Container.Primary.Accent | #474fcf | #999bed | Use for accentuated primary color containers with high contrast. Use sparingly. | ||
Colors.Background.Container.Success
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Background.Container.Success.Default | #f1f3f3 | #1e2234 | Use for default success color containers. | ||
| Colors.Background.Container.Success.Emphasized | #e8eded | #222c3c | Use for emphasized success color containers that draw attention. | ||
| Colors.Background.Container.Success.Accent | #2f6862 | #5eb1a9 | Use for accentuated success color containers with high contrast. Use sparingly. | ||
Colors.Background.Container.Warning
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Background.Container.Warning.Default | #f9f6f3 | #252230 | Use for default warning color containers. | ||
| Colors.Background.Container.Warning.Emphasized | #f9f3ec | #332c34 | Use for emphasized warning color containers that draw attention. | ||
| Colors.Background.Container.Warning.Accent | #eea53c | #eea746 | Use for accentuated warning color containers with high contrast. Use sparingly. | ||
Colors.Background.Container.Critical
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Background.Container.Critical.Default | #f9f1f2 | #251c2e | Use for default critical color containers. | ||
| Colors.Background.Container.Critical.Emphasized | #f8e9e9 | #301f2f | Use for emphasized critical color containers that draw attention. | ||
| Colors.Background.Container.Critical.Accent | #c62239 | #c82d40 | Use for accentuated critical color containers with high contrast. Use sparingly. | ||
Colors.Background.Field.Neutral
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Background.Field.Neutral.Disabled | #e4e5eb80 | #32324880 | Use for disabled neutral fields. | ||
| Colors.Background.Field.Neutral.Default | #e4e5eb00 | #32324800 | Use for default neutral fields. | ||
| Colors.Background.Field.Neutral.DefaultHover | #dadbe4 | #3b3b52 | Use for hover interaction on default neutral fields. | ||
| Colors.Background.Field.Neutral.DefaultActive | #d0d1dc | #44445c | Use for click interaction on default neutral fields. | ||
| Colors.Background.Field.Neutral.Emphasized | #e4e5eb | #323248 | Use for emphasized neutral fields. | ||
| Colors.Background.Field.Neutral.EmphasizedHover | #dadbe4 | #3b3b52 | Use for hover interaction on emphasized neutral fields. | ||
| Colors.Background.Field.Neutral.EmphasizedActive | #d0d1dc | #44445c | Use for click interaction on emphasized neutral fields. | ||
| Colors.Background.Field.Neutral.Accent | #5b5c81 | #a0a1c0 | Use for accentuated neutral fields. Use sparingly. | ||
| Colors.Background.Field.Neutral.AccentHover | #4d4e72 | #b0b1d0 | Use for hover interaction on accentuated neutral fields. | ||
| Colors.Background.Field.Neutral.AccentActive | #404164 | #bfc0e1 | Use for click interaction on accentuated neutral fields. | ||
Colors.Background.Field.Primary
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Background.Field.Primary.Disabled | #e4e5eb80 | #32324880 | Use for disabled primary fields. | ||
| Colors.Background.Field.Primary.Default | #e1e5f700 | #31315000 | Use for default primary fields. | ||
| Colors.Background.Field.Primary.DefaultHover | #d5dbf6 | #39395d | Use for hover interaction on default primary fields. | ||
| Colors.Background.Field.Primary.DefaultActive | #c9d1f4 | #42426a | Use for click interaction on default primary fields. | ||
| Colors.Background.Field.Primary.Emphasized | #e1e5f7 | #313150 | Use for emphasized primary fields. | ||
| Colors.Background.Field.Primary.EmphasizedHover | #d5dbf6 | #39395d | Use for hover interaction on emphasized primary fields. | ||
| Colors.Background.Field.Primary.EmphasizedActive | #c9d1f4 | #42426a | Use for click interaction on emphasized primary fields. | ||
| Colors.Background.Field.Primary.Accent | #474fcf | #999bed | Use for accentuated primary fields. Use sparingly. | ||
| Colors.Background.Field.Primary.AccentHover | #3b3fbe | #a8abfe | Use for hover interaction on accentuated primary fields. | ||
| Colors.Background.Field.Primary.AccentActive | #312dad | #b8bbff | Use for click interaction on accentuated primary fields. | ||
Colors.Background.Field.Success
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Background.Field.Success.Disabled | #e4e5eb80 | #32324880 | Use for disabled success fields. | ||
| Colors.Background.Field.Success.Default | #e0e7e600 | #27364400 | Use for default success fields. | ||
| Colors.Background.Field.Success.DefaultHover | #d3dedd | #2b404c | Use for hover interaction on default success fields. | ||
| Colors.Background.Field.Success.DefaultActive | #c7d5d3 | #304a54 | Use for click interaction on default success fields. | ||
| Colors.Background.Field.Success.Emphasized | #e0e7e6 | #273644 | Use for emphasized success fields. | ||
| Colors.Background.Field.Success.EmphasizedHover | #d3dedd | #2b404c | Use for hover interaction on emphasized success fields. | ||
| Colors.Background.Field.Success.EmphasizedActive | #c7d5d3 | #304a54 | Use for click interaction on emphasized success fields. | ||
| Colors.Background.Field.Success.Accent | #2f6862 | #5eb1a9 | Use for accentuated success fields. Use sparingly. | ||
| Colors.Background.Field.Success.AccentHover | #1f5a54 | #6ec1b9 | Use for hover interaction on accentuated success fields. | ||
| Colors.Background.Field.Success.AccentActive | #0d4c47 | #7ed1c9 | Use for click interaction on accentuated success fields. | ||
Colors.Background.Field.Warning
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Background.Field.Warning.Disabled | #e4e5eb80 | #32324880 | Use for disabled warning fields. | ||
| Colors.Background.Field.Warning.Default | #f9f0e500 | #40353700 | Use for default warning fields. | ||
| Colors.Background.Field.Warning.DefaultHover | #f9ebdb | #4e3e39 | Use for hover interaction on default warning fields. | ||
| Colors.Background.Field.Warning.DefaultActive | #f9e6d0 | #5d483c | Use for click interaction on default warning fields. | ||
| Colors.Background.Field.Warning.Emphasized | #f9f0e5 | #403537 | Use for emphasized warning fields. | ||
| Colors.Background.Field.Warning.EmphasizedHover | #f9ebdb | #4e3e39 | Use for hover interaction on emphasized warning fields. | ||
| Colors.Background.Field.Warning.EmphasizedActive | #f9e6d0 | #5d483c | Use for click interaction on emphasized warning fields. | ||
| Colors.Background.Field.Warning.Accent | #eea53c | #eea746 | Use for accentuated warning fields. Use sparingly. | ||
| Colors.Background.Field.Warning.AccentHover | #ffb54f | #ffb758 | Use for hover interaction on accentuated warning fields. | ||
| Colors.Background.Field.Warning.AccentActive | #ffc76d | #ffc974 | Use for click interaction on accentuated warning fields. | ||
Colors.Background.Field.Critical
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Background.Field.Critical.Disabled | #e4e5eb80 | #32324880 | Use for disabled critical fields. | ||
| Colors.Background.Field.Critical.Default | #f8e1e100 | #3c213100 | Use for default critical fields. | ||
| Colors.Background.Field.Critical.DefaultHover | #f6d6d5 | #482332 | Use for hover interaction on default critical fields. | ||
| Colors.Background.Field.Critical.DefaultActive | #f5cac9 | #542433 | Use for click interaction on default critical fields. | ||
| Colors.Background.Field.Critical.Emphasized | #f8e1e1 | #3c2131 | Use for emphasized critical fields. | ||
| Colors.Background.Field.Critical.EmphasizedHover | #f6d6d5 | #482332 | Use for hover interaction on emphasized critical fields. | ||
| Colors.Background.Field.Critical.EmphasizedActive | #f5cac9 | #542433 | Use for click interaction on emphasized critical fields. | ||
| Colors.Background.Field.Critical.Accent | #c62239 | #c82d40 | Use for accentuated critical fields. Use sparingly. | ||
| Colors.Background.Field.Critical.AccentHover | #b4002b | #b61532 | Use for hover interaction on accentuated critical fields. | ||
| Colors.Background.Field.Critical.AccentActive | #a2001d | #a50024 | Use for click interaction on accentuated critical fields. | ||
Colors.Background.Shell
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Background.Shell.Default | #f2f2f5 | #141419 | Use for the shell background. | ||
Colors.BoxShadow
Colors.BoxShadow
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.BoxShadow.Default | #2d2e4e | #112 | Use as the color for drop-shadows. | ||
Colors.Border
Colors.Border.Neutral
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Border.Neutral.Disabled | #dadbe480 | #3b3b5280 | Use as the default border color in a disabled state. | ||
| Colors.Border.Neutral.Default | #dadbe4 | #3b3b52 | Use as the default border color. | ||
| Colors.Border.Neutral.DefaultHover | #d0d1dc | #44445c | Use as default border color on hover interaction. | ||
| Colors.Border.Neutral.DefaultActive | #c6c7d5 | #4d4e66 | Use as default border color on click interaction. | ||
| Colors.Border.Neutral.Accent | #595a7d | #b1b2d2 | Use as the border color of accentuated elements. | ||
| Colors.Border.Neutral.AccentHover | #434465 | #cecff0 | Use as border color of accentuated elements on hover interaction. | ||
| Colors.Border.Neutral.AccentActive | #2f2f4f | #ebecff | Use as border color of accentuated elements on click interaction. | ||
| Colors.Border.Neutral.Subdued | #e4e5eb | #323248 | Use as border color of subtle elements. | ||
| Colors.Border.Neutral.SubduedHover | #d0d1dc | #44445c | Use as border color of subtle elements on hover interaction. | ||
| Colors.Border.Neutral.SubduedActive | #c6c7d5 | #4d4e66 | Use for click interactions on subtle elements. | ||
Colors.Border.Neutral.OnAccent
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Border.Neutral.OnAccent.Disabled | #f3f3f633 | #1f203333 | Use as border color for disabled elements in accentuated context. | ||
| Colors.Border.Neutral.OnAccent.Default | #f3f3f6 | #1f2033 | Use as border color for elements in accentuated context. | ||
| Colors.Border.Neutral.OnAccent.DefaultHover | #f3f3f6cc | #1f2033cc | Use as border color for elements in accentuated context on hover interaction. | ||
| Colors.Border.Neutral.OnAccent.DefaultActive | #f3f3f699 | #1f203399 | Use as border color for elements in accentuated context on click interaction. | ||
Colors.Border.Primary
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Border.Primary.Disabled | #dadbe480 | #3b3b5280 | Use as border primary color in a disabled state. | ||
| Colors.Border.Primary.Default | #d5dbf6 | #39395d | Use as the default primary border color. | ||
| Colors.Border.Primary.DefaultHover | #c9d1f4 | #42426a | Use as default border primary color on hover interaction. | ||
| Colors.Border.Primary.DefaultActive | #bdc7f2 | #4a4b78 | Use as default border primary color on click interaction. | ||
| Colors.Border.Primary.Accent | #464cce | #adb0ff | Use as the border color of primary accentuated elements. | ||
| Colors.Border.Primary.AccentHover | #3431b3 | #ccd0ff | Use as border color of primary accentuated elements on hover interaction. | ||
| Colors.Border.Primary.AccentActive | #250f98 | #eef1ff | Use as border color of primary accentuated elements on click interaction. | ||
Colors.Border.Primary.OnAccent
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Border.Primary.OnAccent.Disabled | #f4f4fb33 | #1f203733 | Use as border color for disabled elements in primary accentuated context. | ||
| Colors.Border.Primary.OnAccent.Default | #f4f4fb | #1f2037 | Use as border color for elements in primary accentuated context. | ||
| Colors.Border.Primary.OnAccent.DefaultHover | #f4f4fbcc | #1f2037cc | Use as border color for elements in primary accentuated context on hover interaction. | ||
| Colors.Border.Primary.OnAccent.DefaultActive | #f4f4fb99 | #1f203799 | Use as border color for elements in primary accentuated context on click interaction. | ||
Colors.Border.Success
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Border.Success.Disabled | #dadbe480 | #3b3b5280 | Use as border success color in a disabled state. | ||
| Colors.Border.Success.Default | #d3dedd | #2b404c | Use as the default success border color. | ||
| Colors.Border.Success.DefaultHover | #c7d5d3 | #304a54 | Use as default border success color on hover interaction. | ||
| Colors.Border.Success.DefaultActive | #bbccc9 | #34545d | Use as default border success color on click interaction. | ||
| Colors.Border.Success.Accent | #2d6761 | #6fc3ba | Use as the border color of success accentuated elements. | ||
| Colors.Border.Success.AccentHover | #12504b | #8ce0d7 | Use as border color of success accentuated elements on hover interaction. | ||
| Colors.Border.Success.AccentActive | #003b36 | #aafef5 | Use as border color of success accentuated elements on click interaction. | ||
Colors.Border.Success.OnAccent
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Border.Success.OnAccent.Disabled | #f1f4f433 | #1a233233 | Use as border color for disabled elements in success accentuated context. | ||
| Colors.Border.Success.OnAccent.Default | #f1f4f4 | #1a2332 | Use as border color for elements in success accentuated context. | ||
| Colors.Border.Success.OnAccent.DefaultHover | #f1f4f4cc | #1a2332cc | Use as border color for elements in success accentuated context on hover interaction. | ||
| Colors.Border.Success.OnAccent.DefaultActive | #f1f4f499 | #1a233299 | Use as border color for elements in success accentuated context on click interaction. | ||
Colors.Border.Warning
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Border.Warning.Disabled | #dadbe480 | #3b3b5280 | Use as border warning color in a disabled state. | ||
| Colors.Border.Warning.Default | #f9ebdb | #4e3e39 | Use as the default warning border color. | ||
| Colors.Border.Warning.DefaultHover | #f9e6d0 | #5d483c | Use as default border warning color on hover interaction. | ||
| Colors.Border.Warning.DefaultActive | #f9e1c6 | #6c523e | Use as default border warning color on click interaction. | ||
| Colors.Border.Warning.Accent | #855400 | #eea83f | Use as the border color of warning accentuated elements. | ||
| Colors.Border.Warning.AccentHover | #6d3d00 | #ffc563 | Use as border color of warning accentuated elements on hover interaction. | ||
| Colors.Border.Warning.AccentActive | #512a00 | #ffecc3 | Use as border color of warning accentuated elements on click interaction. | ||
Colors.Border.Warning.OnAccent
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Border.Warning.OnAccent.Disabled | #27202433 | #27212633 | Use as border color for disabled elements in warning accentuated context. | ||
| Colors.Border.Warning.OnAccent.Default | #272024 | #272126 | Use as border color for elements in warning accentuated context. | ||
| Colors.Border.Warning.OnAccent.DefaultHover | #272024cc | #272126cc | Use as border color for elements in warning accentuated context on hover interaction. | ||
| Colors.Border.Warning.OnAccent.DefaultActive | #27202499 | #27212699 | Use as border color for elements in warning accentuated context on click interaction. | ||
Colors.Border.Critical
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Border.Critical.Disabled | #dadbe480 | #3b3b5280 | Use as border critical color in a disabled state. | ||
| Colors.Border.Critical.Default | #f6d6d5 | #482332 | Use as the default critical border color. | ||
| Colors.Border.Critical.DefaultHover | #f5cac9 | #542433 | Use as default border critical color on hover interaction. | ||
| Colors.Border.Critical.DefaultActive | #f3bebd | #602634 | Use as default border critical color on click interaction. | ||
| Colors.Border.Critical.Accent | #bb0731 | #ff999c | Use as the border color of critical accentuated elements. | ||
| Colors.Border.Critical.AccentHover | #9b001e | #ffc1c1 | Use as border color of critical accentuated elements on hover interaction. | ||
| Colors.Border.Critical.AccentActive | #750013 | #ffeceb | Use as border color of critical accentuated elements on click interaction. | ||
Colors.Border.Critical.OnAccent
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Border.Critical.OnAccent.Disabled | #f9f1f333 | #f9f1f333 | Use as border color for disabled elements in critical accentuated context. | ||
| Colors.Border.Critical.OnAccent.Default | #f9f1f3 | #f9f1f3 | Use as border color for elements in critical accentuated context. | ||
| Colors.Border.Critical.OnAccent.DefaultHover | #f9f1f3cc | #f9f1f3cc | Use as border color for elements in critical accentuated context on hover interaction. | ||
| Colors.Border.Critical.OnAccent.DefaultActive | #f9f1f399 | #f9f1f399 | Use as border color for elements in critical accentuated context on click interaction. | ||
Colors.Text
Colors.Text.Neutral
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Text.Neutral.Disabled | #595a7d80 | #b1b2d280 | Use for text color on disabled state. | ||
| Colors.Text.Neutral.Subdued | #595a7d | #b1b2d2 | Use for subtle, understated text color. | ||
| Colors.Text.Neutral.SubduedHover | #434465 | #cecff0 | Use for subtle, understated text color on hover interaction. | ||
| Colors.Text.Neutral.SubduedActive | #2f2f4f | #ebecff | Use for subtle, understated text color on click interaction. | ||
| Colors.Text.Neutral.Default | #2f2f4f | #ebecff | Use as the default text color. | ||
| Colors.Text.Neutral.DefaultHover | #434465 | #cecff0 | Use as the default text color on hover interaction. | ||
| Colors.Text.Neutral.DefaultActive | #595a7d | #b1b2d2 | Use as the default text color on click interaction. | ||
Colors.Text.Neutral.OnAccent
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Text.Neutral.OnAccent.Disabled | #f3f3f680 | #1f203380 | Use as text color for disabled elements in accentuated context. | ||
| Colors.Text.Neutral.OnAccent.Default | #f3f3f6 | #1f2033 | Use as text color for elements in accentuated context. | ||
| Colors.Text.Neutral.OnAccent.DefaultHover | #f3f3f6cc | #1f2033cc | Use as text color for elements in accentuated context on hover interaction. | ||
| Colors.Text.Neutral.OnAccent.DefaultActive | #f3f3f699 | #1f203399 | Use as text color for elements in accentuated context on click interaction. | ||
Colors.Text.Primary
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Text.Primary.Disabled | #595a7d80 | #b1b2d280 | Use for primary text color on disabled state. | ||
| Colors.Text.Primary.Default | #464cce | #adb0ff | Use as the default primary text color. | ||
| Colors.Text.Primary.DefaultHover | #3431b3 | #ccd0ff | Use as the default primary text color on hover interaction. | ||
| Colors.Text.Primary.DefaultActive | #250f98 | #eef1ff | Use as the default primary text color on click interaction. | ||
Colors.Text.Primary.OnAccent
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Text.Primary.OnAccent.Disabled | #f4f4fb80 | #1f203780 | Use as text color for disabled elements in primary accentuated context. | ||
| Colors.Text.Primary.OnAccent.Default | #f4f4fb | #1f2037 | Use as text color for elements in primary accentuated context. | ||
| Colors.Text.Primary.OnAccent.DefaultHover | #f4f4fbcc | #1f2037cc | Use as text color for elements in primary accentuated context on hover interaction. | ||
| Colors.Text.Primary.OnAccent.DefaultActive | #f4f4fb99 | #1f203799 | Use as text color for elements in primary accentuated context on click interaction. | ||
Colors.Text.Success
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Text.Success.Disabled | #595a7d80 | #b1b2d280 | Use for success text color on disabled state. | ||
| Colors.Text.Success.Default | #2d6761 | #6fc3ba | Use as the default success text color. | ||
| Colors.Text.Success.DefaultHover | #12504b | #8ce0d7 | Use as the default success text color on hover interaction. | ||
| Colors.Text.Success.DefaultActive | #003b36 | #aafef5 | Use as the default success text color on click interaction. | ||
Colors.Text.Success.OnAccent
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Text.Success.OnAccent.Disabled | #f1f4f480 | #1a233280 | Use as text color for disabled elements in success accentuated context. | ||
| Colors.Text.Success.OnAccent.Default | #f1f4f4 | #1a2332 | Use as text color for elements in success accentuated context. | ||
| Colors.Text.Success.OnAccent.DefaultHover | #f1f4f4cc | #1a2332cc | Use as text color for elements in success accentuated context on hover interaction. | ||
| Colors.Text.Success.OnAccent.DefaultActive | #f1f4f499 | #1a233299 | Use as text color for elements in success accentuated context on click interaction. | ||
Colors.Text.Warning
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Text.Warning.Disabled | #595a7d80 | #b1b2d280 | Use for warning text color on disabled state. | ||
| Colors.Text.Warning.Default | #855400 | #eea83f | Use as the default warning text color. | ||
| Colors.Text.Warning.DefaultHover | #6d3d00 | #ffc563 | Use as the default warning text color on hover interaction. | ||
| Colors.Text.Warning.DefaultActive | #512a00 | #ffecc3 | Use as the default warning text color on click interaction. | ||
Colors.Text.Warning.OnAccent
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Text.Warning.OnAccent.Disabled | #27202480 | #27212680 | Use as text color for disabled elements in warning accentuated context. | ||
| Colors.Text.Warning.OnAccent.Default | #272024 | #272126 | Use as text color for elements in warning accentuated context. | ||
| Colors.Text.Warning.OnAccent.DefaultHover | #272024cc | #272126cc | Use as text color for elements in warning accentuated context on hover interaction. | ||
| Colors.Text.Warning.OnAccent.DefaultActive | #27202499 | #27212699 | Use as text color for elements in warning accentuated context on click interaction. | ||
Colors.Text.Critical
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Text.Critical.Disabled | #595a7d80 | #b1b2d280 | Use for critical text color on disabled state. | ||
| Colors.Text.Critical.Default | #bb0731 | #ff999c | Use as the default critical text color. | ||
| Colors.Text.Critical.DefaultHover | #9b001e | #ffc1c1 | Use as the default critical text color on hover interaction. | ||
| Colors.Text.Critical.DefaultActive | #750013 | #ffeceb | Use as the default critical text color on click interaction. | ||
Colors.Text.Critical.OnAccent
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Text.Critical.OnAccent.Disabled | #f9f1f380 | #f9f1f380 | Use as text color for disabled elements in critical accentuated context. | ||
| Colors.Text.Critical.OnAccent.Default | #f9f1f3 | #f9f1f3 | Use as text color for elements in critical accentuated context. | ||
| Colors.Text.Critical.OnAccent.DefaultHover | #f9f1f3cc | #f9f1f3cc | Use as text color for elements in critical accentuated context on hover interaction. | ||
| Colors.Text.Critical.OnAccent.DefaultActive | #f9f1f399 | #f9f1f399 | Use as text color for elements in critical accentuated context on click interaction. | ||
Colors.Icon
Colors.Icon.Neutral
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Icon.Neutral.Disabled | #595a7d80 | #b1b2d280 | Use for icon color on disabled state. | ||
| Colors.Icon.Neutral.Subdued | #595a7d | #b1b2d2 | Use for subtle, understated icon color. | ||
| Colors.Icon.Neutral.SubduedHover | #434465 | #cecff0 | Use for subtle, understated icon color on hover interaction. | ||
| Colors.Icon.Neutral.SubduedActive | #2f2f4f | #ebecff | Use for subtle, understated icon color on click interaction. | ||
| Colors.Icon.Neutral.Default | #2f2f4f | #ebecff | Use as the default icon color. | ||
| Colors.Icon.Neutral.DefaultHover | #434465 | #cecff0 | Use as the default icon color on hover interaction. | ||
| Colors.Icon.Neutral.DefaultActive | #595a7d | #b1b2d2 | Use as the default icon color on click interaction. | ||
Colors.Icon.Neutral.OnAccent
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Icon.Neutral.OnAccent.Disabled | #f3f3f680 | #1f203380 | Use as icon color for disabled elements in accentuated context. | ||
| Colors.Icon.Neutral.OnAccent.Default | #f3f3f6 | #1f2033 | Use as icon color for elements in accentuated context. | ||
| Colors.Icon.Neutral.OnAccent.DefaultHover | #f3f3f6cc | #1f2033cc | Use as icon color for elements in accentuated context on hover interaction. | ||
| Colors.Icon.Neutral.OnAccent.DefaultActive | #f3f3f699 | #1f203399 | Use as icon color for elements in accentuated context on click interaction. | ||
Colors.Icon.Primary
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Icon.Primary.Disabled | #595a7d80 | #b1b2d280 | Use for primary icon color on disabled state. | ||
| Colors.Icon.Primary.Default | #464cce | #adb0ff | Use as the default primary icon color. | ||
| Colors.Icon.Primary.DefaultHover | #3431b3 | #ccd0ff | Use as the default primary icon color on hover interaction. | ||
| Colors.Icon.Primary.DefaultActive | #250f98 | #eef1ff | Use as the default primary icon color on click interaction. | ||
Colors.Icon.Primary.OnAccent
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Icon.Primary.OnAccent.Disabled | #f4f4fb80 | #1f203780 | Use as icon color for disabled elements in primary accentuated context. | ||
| Colors.Icon.Primary.OnAccent.Default | #f4f4fb | #1f2037 | Use as icon color for elements in primary accentuated context. | ||
| Colors.Icon.Primary.OnAccent.DefaultHover | #f4f4fbcc | #1f2037cc | Use as icon color for elements in primary accentuated context on hover interaction. | ||
| Colors.Icon.Primary.OnAccent.DefaultActive | #f4f4fb99 | #1f203799 | Use as icon color for elements in primary accentuated context on click interaction. | ||
Colors.Icon.Success
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Icon.Success.Disabled | #595a7d80 | #b1b2d280 | Use for success icon color on disabled state. | ||
| Colors.Icon.Success.Default | #2d6761 | #6fc3ba | Use as the default success icon color. | ||
| Colors.Icon.Success.DefaultHover | #12504b | #8ce0d7 | Use as the default success icon color on hover interaction. | ||
| Colors.Icon.Success.DefaultActive | #003b36 | #aafef5 | Use as the default success icon color on click interaction. | ||
Colors.Icon.Success.OnAccent
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Icon.Success.OnAccent.Disabled | #f1f4f480 | #1a233280 | Use as icon color for disabled elements in success accentuated context. | ||
| Colors.Icon.Success.OnAccent.Default | #f1f4f4 | #1a2332 | Use as icon color for elements in success accentuated context. | ||
| Colors.Icon.Success.OnAccent.DefaultHover | #f1f4f4cc | #1a2332cc | Use as icon color for elements in success accentuated context on hover interaction. | ||
| Colors.Icon.Success.OnAccent.DefaultActive | #f1f4f499 | #1a233299 | Use as icon color for elements in success accentuated context on click interaction. | ||
Colors.Icon.Warning
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Icon.Warning.Disabled | #595a7d80 | #b1b2d280 | Use for warning icon color on disabled state. | ||
| Colors.Icon.Warning.Default | #855400 | #eea83f | Use as the default warning icon color. | ||
| Colors.Icon.Warning.DefaultHover | #6d3d00 | #ffc563 | Use as the default warning icon color on hover interaction. | ||
| Colors.Icon.Warning.DefaultActive | #512a00 | #ffecc3 | Use as the default warning icon color on click interaction. | ||
Colors.Icon.Warning.OnAccent
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Icon.Warning.OnAccent.Disabled | #27202480 | #27212680 | Use as icon color for disabled elements in warning accentuated context. | ||
| Colors.Icon.Warning.OnAccent.Default | #272024 | #272126 | Use as icon color for elements in warning accentuated context. | ||
| Colors.Icon.Warning.OnAccent.DefaultHover | #272024cc | #272126cc | Use as icon color for elements in warning accentuated context on hover interaction. | ||
| Colors.Icon.Warning.OnAccent.DefaultActive | #27202499 | #27212699 | Use as icon color for elements in warning accentuated context on click interaction. | ||
Colors.Icon.Critical
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Icon.Critical.Disabled | #595a7d80 | #b1b2d280 | Use for critical icon color on disabled state. | ||
| Colors.Icon.Critical.Default | #bb0731 | #ff999c | Use as the default critical icon color. | ||
| Colors.Icon.Critical.DefaultHover | #9b001e | #ffc1c1 | Use as the default critical icon color on hover interaction. | ||
| Colors.Icon.Critical.DefaultActive | #750013 | #ffeceb | Use as the default critical icon color on click interaction. | ||
Colors.Icon.Critical.OnAccent
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Icon.Critical.OnAccent.Disabled | #f9f1f380 | #f9f1f380 | Use as icon color for disabled elements in critical accentuated context. | ||
| Colors.Icon.Critical.OnAccent.Default | #f9f1f3 | #f9f1f3 | Use as icon color for elements in critical accentuated context. | ||
| Colors.Icon.Critical.OnAccent.DefaultHover | #f9f1f3cc | #f9f1f3cc | Use as icon color for elements in critical accentuated context on hover interaction. | ||
| Colors.Icon.Critical.OnAccent.DefaultActive | #f9f1f399 | #f9f1f399 | Use as icon color for elements in critical accentuated context on click interaction. | ||
Colors.Syntax
Colors.Syntax
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Syntax.Comment | #545586 | #b2b3cd | Use to style 'Comment' syntax on a code editor context. | ||
| Colors.Syntax.String | #086467 | #80dbca | Use to style 'String' syntax on a code editor context. | ||
| Colors.Syntax.Variable | #2754b5 | #abb1ed | Use to style 'Variable' syntax on a code editor context. | ||
| Colors.Syntax.Number | #aa0081 | #fd8fe1 | Use to style 'Number' syntax on a code editor context. | ||
| Colors.Syntax.Punctuation | #8136a9 | #cfa3f3 | Use to style 'Punctuation' syntax on a code editor context. | ||
| Colors.Syntax.Function | #2754b5 | #abb1ed | Use to style 'Function' syntax on a code editor context. | ||
| Colors.Syntax.Classname | #2c2d4d | #f0f0f5 | Use to style 'Classname' syntax on a code editor context. | ||
| Colors.Syntax.Tag | #b30926 | #ff96a6 | Use to style 'Tag' syntax on a code editor context. | ||
| Colors.Syntax.Operators | #8136a9 | #cfa3f3 | Use to style 'Operators' syntax on a code editor context. | ||
| Colors.Syntax.Boolean | #973f00 | #fe9b7d | Use to style 'Boolean' syntax on a code editor context. | ||
Colors.Charts
Colors.Charts.Categorical.Color01
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Categorical.Color01.Default | #0057bf | #0072f5 | |||
Colors.Charts.Categorical.Color02
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Categorical.Color02.Default | #36383a | #e0e2e3 | |||
Colors.Charts.Categorical.Color03
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Categorical.Color03.Default | #008758 | #00a46b | |||
Colors.Charts.Categorical.Color04
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Categorical.Color04.Default | #eb009b | #ff41af | |||
Colors.Charts.Categorical.Color05
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Categorical.Color05.Default | #82878b | #868b8f | |||
Colors.Charts.Categorical.Color06
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Categorical.Color06.Default | #af7e00 | #c4ad00 | |||
Colors.Charts.Categorical.Color07
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Categorical.Color07.Default | #0098a5 | #00afbe | |||
Colors.Charts.Categorical.Color08
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Categorical.Color08.Default | #8e5fff | #9f81ff | |||
Colors.Charts.Categorical.Color09
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Categorical.Color09.Default | #409f00 | #4bb700 | |||
Colors.Charts.Categorical.Color10
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Categorical.Color10.Default | #844e2f | #aa673f | |||
Colors.Charts.Categorical.Color11
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Categorical.Color11.Default | #2380ff | #95c0ff | |||
Colors.Charts.Categorical.Color12
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Categorical.Color12.Default | #d40036 | #ff0244 | |||
Colors.Charts.Categorical.Color13
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Categorical.Color13.Default | #205900 | #00dcbe | |||
Colors.Charts.Categorical.Color14
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Categorical.Color14.Default | #d55d00 | #ff8643 | |||
Colors.Charts.Categorical.Color15
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Categorical.Color15.Default | #5600b8 | #a200c5 | |||
Colors.Charts.CategoricalVivid.Color01
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalVivid.Color01.Default | #00b3c3 | #00d6e9 | |||
Colors.Charts.CategoricalVivid.Color02
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalVivid.Color02.Default | #7f2eff | #9166ff | |||
Colors.Charts.CategoricalVivid.Color03
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalVivid.Color03.Default | #fa676e | #ff5864 | |||
Colors.Charts.CategoricalVivid.Color04
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalVivid.Color04.Default | #d7b43b | #ffe600 | |||
Colors.Charts.CategoricalVivid.Color05
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalVivid.Color05.Default | #00818c | #009caa | |||
Colors.Charts.CategoricalVivid.Color06
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalVivid.Color06.Default | #f57323 | #ff8643 | |||
Colors.Charts.CategoricalVivid.Color07
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalVivid.Color07.Default | #cc75e6 | #e89bff | |||
Colors.Charts.CategoricalVivid.Color08
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalVivid.Color08.Default | #009f68 | #00b778 | |||
Colors.Charts.CategoricalVivid.Color09
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalVivid.Color09.Default | #1bd4b7 | #00f0cf | |||
Colors.Charts.CategoricalVivid.Color10
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalVivid.Color10.Default | #ffb895 | #ffbfa0 | |||
Colors.Charts.CategoricalVivid.Color11
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalVivid.Color11.Default | #b9a9ff | #d0c7ff | |||
Colors.Charts.CategoricalVivid.Color12
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalVivid.Color12.Default | #5c9eff | #95c0ff | |||
Colors.Charts.CategoricalVivid.Color13
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalVivid.Color13.Default | #c90084 | #f200a0 | |||
Colors.Charts.CategoricalVivid.Color14
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalVivid.Color14.Default | #0057bf | #2f86ff | |||
Colors.Charts.CategoricalVivid.Color15
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalVivid.Color15.Default | #358700 | #4bb700 | |||
Colors.Charts.CategoricalThemed.PurpleRain.Color01
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.PurpleRain.Color01.Default | #9000af | #b900e1 | |||
Colors.Charts.CategoricalThemed.PurpleRain.Color02
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.PurpleRain.Color02.Default | #af7e00 | #b39a00 | |||
Colors.Charts.CategoricalThemed.PurpleRain.Color03
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.PurpleRain.Color03.Default | #eb009b | #ff41af | |||
Colors.Charts.CategoricalThemed.PurpleRain.Color04
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.PurpleRain.Color04.Default | #8e5fff | #9f81ff | |||
Colors.Charts.CategoricalThemed.PurpleRain.Color05
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.PurpleRain.Color05.Default | #844e2f | #aa673f | |||
Colors.Charts.CategoricalThemed.PurpleRain.Color06
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.PurpleRain.Color06.Default | #d40036 | #ff0244 | |||
Colors.Charts.CategoricalThemed.Swamps.Color01
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.Swamps.Color01.Default | #006e5e | #008e7a | |||
Colors.Charts.CategoricalThemed.Swamps.Color02
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.Swamps.Color02.Default | #82878b | #979ba0 | |||
Colors.Charts.CategoricalThemed.Swamps.Color03
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.Swamps.Color03.Default | #409f00 | #4bb700 | |||
Colors.Charts.CategoricalThemed.Swamps.Color04
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.Swamps.Color04.Default | #844e2f | #aa673f | |||
Colors.Charts.CategoricalThemed.Swamps.Color05
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.Swamps.Color05.Default | #484b4d | #e0e2e3 | |||
Colors.Charts.CategoricalThemed.Swamps.Color06
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.Swamps.Color06.Default | #af7e00 | #b39a00 | |||
Colors.Charts.CategoricalThemed.Fireplace.Color01
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.Fireplace.Color01.Default | #b1002c | #e3003b | |||
Colors.Charts.CategoricalThemed.Fireplace.Color02
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.Fireplace.Color02.Default | #eb009b | #ff41af | |||
Colors.Charts.CategoricalThemed.Fireplace.Color03
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.Fireplace.Color03.Default | #d55d00 | #f56c00 | |||
Colors.Charts.CategoricalThemed.Fireplace.Color04
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.Fireplace.Color04.Default | #af7e00 | #b39a00 | |||
Colors.Charts.CategoricalThemed.Fireplace.Color05
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.Fireplace.Color05.Default | #844e2f | #aa673f | |||
Colors.Charts.CategoricalThemed.Fireplace.Color06
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.Fireplace.Color06.Default | #9000af | #b900e1 | |||
Colors.Charts.CategoricalThemed.BlueSteel.Color01
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.BlueSteel.Color01.Default | #0098a5 | #00afbe | |||
Colors.Charts.CategoricalThemed.BlueSteel.Color02
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.BlueSteel.Color02.Default | #82878b | #979ba0 | |||
Colors.Charts.CategoricalThemed.BlueSteel.Color03
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.BlueSteel.Color03.Default | #2380ff | #95c0ff | |||
Colors.Charts.CategoricalThemed.BlueSteel.Color04
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.BlueSteel.Color04.Default | #8e5fff | #9f81ff | |||
Colors.Charts.CategoricalThemed.BlueSteel.Color05
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.BlueSteel.Color05.Default | #00459a | #0063d6 | |||
Colors.Charts.CategoricalThemed.BlueSteel.Color06
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.BlueSteel.Color06.Default | #484b4d | #cdcfd2 | |||
Colors.Charts.CategoricalThemed.Neon.Color01
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.Neon.Color01.Default | #5600b8 | #8546ff | |||
Colors.Charts.CategoricalThemed.Neon.Color02
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.Neon.Color02.Default | #d7b43b | #ffe600 | |||
Colors.Charts.CategoricalThemed.Neon.Color03
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.Neon.Color03.Default | #1bd4b7 | #00dcbe | |||
Colors.Charts.CategoricalThemed.Neon.Color04
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.Neon.Color04.Default | #c90084 | #ff41af | |||
Colors.Charts.CategoricalThemed.Neon.Color05
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.Neon.Color05.Default | #60b73c | #54cb00 | |||
Colors.Charts.CategoricalThemed.Neon.Color06
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.Neon.Color06.Default | #d55d00 | #f56c00 | |||
Colors.Charts.CategoricalThemed.Aurora.Color01
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.Aurora.Color01.Default | #cc75e6 | #e17aff | |||
Colors.Charts.CategoricalThemed.Aurora.Color02
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.Aurora.Color02.Default | #00bb7b | #00cb86 | |||
Colors.Charts.CategoricalThemed.Aurora.Color03
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.Aurora.Color03.Default | #ad00d2 | #d100fd | |||
Colors.Charts.CategoricalThemed.Aurora.Color04
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.Aurora.Color04.Default | #f990c4 | #ff98ca | |||
Colors.Charts.CategoricalThemed.Aurora.Color05
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.Aurora.Color05.Default | #7ce0ca | #68ffe2 | |||
Colors.Charts.CategoricalThemed.Aurora.Color06
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.Aurora.Color06.Default | #89cc72 | #67f400 | |||
Colors.Charts.CategoricalThemed.Overdrive.Color01
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.Overdrive.Color01.Default | #c90084 | #f200a0 | |||
Colors.Charts.CategoricalThemed.Overdrive.Color02
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.Overdrive.Color02.Default | #d7b43b | #ffe600 | |||
Colors.Charts.CategoricalThemed.Overdrive.Color03
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.Overdrive.Color03.Default | #d40036 | #ff0244 | |||
Colors.Charts.CategoricalThemed.Overdrive.Color04
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.Overdrive.Color04.Default | #f57323 | #f56c00 | |||
Colors.Charts.CategoricalThemed.Overdrive.Color05
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.Overdrive.Color05.Default | #ffb895 | #ffa476 | |||
Colors.Charts.CategoricalThemed.Overdrive.Color06
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.Overdrive.Color06.Default | #af7e00 | #c4ad00 | |||
Colors.Charts.CategoricalThemed.Tide.Color01
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.Tide.Color01.Default | #56d298 | #00e094 | |||
Colors.Charts.CategoricalThemed.Tide.Color02
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.Tide.Color02.Default | #7f2eff | #9166ff | |||
Colors.Charts.CategoricalThemed.Tide.Color03
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.Tide.Color03.Default | #2380ff | #559aff | |||
Colors.Charts.CategoricalThemed.Tide.Color04
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.Tide.Color04.Default | #006a74 | #008a97 | |||
Colors.Charts.CategoricalThemed.Tide.Color05
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.Tide.Color05.Default | #b9a9ff | #bfb1ff | |||
Colors.Charts.CategoricalThemed.Tide.Color06
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.CategoricalThemed.Tide.Color06.Default | #009c86 | #00b49b | |||
Colors.Charts.Status.Ideal
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Status.Ideal.Default | #00bb7b | #00cb86 | |||
Colors.Charts.Status.Good
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Status.Good.Default | #006ae5 | #2f86ff | |||
Colors.Charts.Status.Neutral
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Status.Neutral.Default | #36383a | #575a5e | |||
Colors.Charts.Status.Warning
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Status.Warning.Default | #d7b43b | #e0c800 | |||
Colors.Charts.Status.Critical
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Status.Critical.Default | #d40036 | #ff0244 | |||
Colors.Charts.Logstatus.Error
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Logstatus.Error.Default | #d40036 | #ff0244 | |||
Colors.Charts.Logstatus.Warning
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Logstatus.Warning.Default | #d7b43b | #e0c800 | |||
Colors.Charts.Logstatus.Info
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Logstatus.Info.Default | #0057bf | #0072f5 | |||
Colors.Charts.Logstatus.None
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Logstatus.None.Default | #484b4d | #676a6e | |||
Colors.Charts.Loglevel.Emergency
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Loglevel.Emergency.Default | #8e0021 | #c60032 | |||
Colors.Charts.Loglevel.Error
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Loglevel.Error.Default | #d40036 | #ff0244 | |||
Colors.Charts.Loglevel.Alert
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Loglevel.Alert.Default | #c90084 | #f200a0 | |||
Colors.Charts.Loglevel.Critical
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Loglevel.Critical.Default | #ed68ae | #ff73bc | |||
Colors.Charts.Loglevel.Severe
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Loglevel.Severe.Default | #d55d00 | #f56c00 | |||
Colors.Charts.Loglevel.Warning
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Loglevel.Warning.Default | #d7b43b | #e0c800 | |||
Colors.Charts.Loglevel.Notice
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Loglevel.Notice.Default | #009f68 | #00b778 | |||
Colors.Charts.Loglevel.Info
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Loglevel.Info.Default | #0057bf | #0072f5 | |||
Colors.Charts.Loglevel.Debug
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Loglevel.Debug.Default | #8e5fff | #9f81ff | |||
Colors.Charts.Loglevel.None
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Loglevel.None.Default | #484b4d | #676a6e | |||
Colors.Charts.Apdex.Excellent
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Apdex.Excellent.Default | #009f68 | #00b778 | |||
Colors.Charts.Apdex.Good
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Apdex.Good.Default | #007048 | #00915e | |||
Colors.Charts.Apdex.Fair
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Apdex.Fair.Default | #d7b43b | #e0c800 | |||
Colors.Charts.Apdex.Poor
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Apdex.Poor.Default | #d55d00 | #f56c00 | |||
Colors.Charts.Apdex.Unacceptable
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Apdex.Unacceptable.Default | #d40036 | #ff0244 | |||
Colors.Charts.SecurityRiskLevel.Muted
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.SecurityRiskLevel.Muted.Default | #82878b | #979ba0 | |||
Colors.Charts.SecurityRiskLevel.Critical
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.SecurityRiskLevel.Critical.Default | #8e0021 | #c60032 | |||
Colors.Charts.SecurityRiskLevel.High
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.SecurityRiskLevel.High.Default | #d40036 | #ff0244 | |||
Colors.Charts.SecurityRiskLevel.Medium
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.SecurityRiskLevel.Medium.Default | #d7b43b | #e0c800 | |||
Colors.Charts.SecurityRiskLevel.Low
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.SecurityRiskLevel.Low.Default | #0057bf | #0072f5 | |||
Colors.Charts.SecurityRiskLevel.None
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.SecurityRiskLevel.None.Default | #484b4d | #676a6e | |||
Colors.Charts.VulnerabilityStatus.Muted
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.VulnerabilityStatus.Muted.Default | #82878b | #979ba0 | |||
Colors.Charts.VulnerabilityStatus.Resolved
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.VulnerabilityStatus.Resolved.Default | #009f68 | #00b778 | |||
Colors.Charts.VulnerabilityStatus.Affected
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.VulnerabilityStatus.Affected.Default | #d40036 | #ff0244 | |||
Colors.Charts.Threshold.Good
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Threshold.Good.Default | #009f68 | #00b778 | |||
Colors.Charts.Threshold.Warning
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Threshold.Warning.Default | #d7b43b | #e0c800 | |||
Colors.Charts.Threshold.Bad
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Threshold.Bad.Default | #d40036 | #ff0244 | |||
Colors.Charts.Rainbow.Red
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Rainbow.Red.Default | #d40036 | #ff0244 | |||
Colors.Charts.Rainbow.Orange
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Rainbow.Orange.Default | #d55d00 | #f56c00 | |||
Colors.Charts.Rainbow.Yellow
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Rainbow.Yellow.Default | #d7b43b | #e0c800 | |||
Colors.Charts.Rainbow.Moss
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Rainbow.Moss.Default | #009f68 | #00b778 | |||
Colors.Charts.Rainbow.Blue
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Rainbow.Blue.Default | #0057bf | #0072f5 | |||
Colors.Charts.Rainbow.Magenta
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Rainbow.Magenta.Default | #9000af | #b900e1 | |||
Colors.Charts.Sequential.PinkPurple.Color01
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.PinkPurple.Color01.Default | #eb009b | #ff41af | |||
Colors.Charts.Sequential.PinkPurple.Color02
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.PinkPurple.Color02.Default | #d32a9b | #e750b5 | |||
Colors.Charts.Sequential.PinkPurple.Color03
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.PinkPurple.Color03.Default | #bb399c | #d059ba | |||
Colors.Charts.Sequential.PinkPurple.Color04
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.PinkPurple.Color04.Default | #a3419c | #b760bf | |||
Colors.Charts.Sequential.PinkPurple.Color05
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.PinkPurple.Color05.Default | #8a469c | #9f64c4 | |||
Colors.Charts.Sequential.PinkPurple.Color06
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.PinkPurple.Color06.Default | #71499c | #8466c9 | |||
Colors.Charts.Sequential.PinkPurple.Color07
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.PinkPurple.Color07.Default | #57499b | #6866cd | |||
Colors.Charts.Sequential.PinkPurple.Color08
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.PinkPurple.Color08.Default | #39489b | #4665d2 | |||
Colors.Charts.Sequential.PinkPurple.Color09
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.PinkPurple.Color09.Default | #00459a | #0063d6 | |||
Colors.Charts.Sequential.BlueTurquoise.Color01
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.BlueTurquoise.Color01.Default | #00459a | #0063d6 | |||
Colors.Charts.Sequential.BlueTurquoise.Color02
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.BlueTurquoise.Color02.Default | #005199 | #006fd0 | |||
Colors.Charts.Sequential.BlueTurquoise.Color03
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.BlueTurquoise.Color03.Default | #005d97 | #007bca | |||
Colors.Charts.Sequential.BlueTurquoise.Color04
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.BlueTurquoise.Color04.Default | #006895 | #0085c3 | |||
Colors.Charts.Sequential.BlueTurquoise.Color05
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.BlueTurquoise.Color05.Default | #007393 | #008fbc | |||
Colors.Charts.Sequential.BlueTurquoise.Color06
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.BlueTurquoise.Color06.Default | #007d91 | #0099b5 | |||
Colors.Charts.Sequential.BlueTurquoise.Color07
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.BlueTurquoise.Color07.Default | #00888e | #00a2ad | |||
Colors.Charts.Sequential.BlueTurquoise.Color08
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.BlueTurquoise.Color08.Default | #00928a | #00aba4 | |||
Colors.Charts.Sequential.BlueTurquoise.Color09
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.BlueTurquoise.Color09.Default | #009c86 | #00b49b | |||
Colors.Charts.Sequential.Blue.Color01
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Blue.Color01.Default | #003477 | #0054b8 | |||
Colors.Charts.Sequential.Blue.Color02
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Blue.Color02.Default | #00459a | #0063d6 | |||
Colors.Charts.Sequential.Blue.Color03
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Blue.Color03.Default | #0057bf | #0072f5 | |||
Colors.Charts.Sequential.Blue.Color04
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Blue.Color04.Default | #006ae5 | #2f86ff | |||
Colors.Charts.Sequential.Blue.Color05
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Blue.Color05.Default | #2380ff | #559aff | |||
Colors.Charts.Sequential.Blue.Color06
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Blue.Color06.Default | #5c9eff | #76adff | |||
Colors.Charts.Sequential.Blue.Color07
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Blue.Color07.Default | #8ab9ff | #95c0ff | |||
Colors.Charts.Sequential.Blue.Color08
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Blue.Color08.Default | #abcdff | #b3d1ff | |||
Colors.Charts.Sequential.Blue.Color09
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Blue.Color09.Default | #cae0ff | #d0e3ff | |||
Colors.Charts.Sequential.Grey.Color01
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Grey.Color01.Default | #36383a | #575a5e | |||
Colors.Charts.Sequential.Grey.Color02
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Grey.Color02.Default | #484b4d | #676a6e | |||
Colors.Charts.Sequential.Grey.Color03
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Grey.Color03.Default | #5b5e61 | #767a7f | |||
Colors.Charts.Sequential.Grey.Color04
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Grey.Color04.Default | #6e7276 | #868b8f | |||
Colors.Charts.Sequential.Grey.Color05
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Grey.Color05.Default | #82878b | #979ba0 | |||
Colors.Charts.Sequential.Grey.Color06
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Grey.Color06.Default | #9b9fa3 | #a9acb0 | |||
Colors.Charts.Sequential.Grey.Color07
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Grey.Color07.Default | #b5b8bb | #bbbec1 | |||
Colors.Charts.Sequential.Grey.Color08
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Grey.Color08.Default | #c8cbcd | #cdcfd2 | |||
Colors.Charts.Sequential.Grey.Color09
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Grey.Color09.Default | #dddee0 | #e0e2e3 | |||
Colors.Charts.Sequential.Moss.Color01
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Moss.Color01.Default | #00442a | #006b45 | |||
Colors.Charts.Sequential.Moss.Color02
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Moss.Color02.Default | #005938 | #007e51 | |||
Colors.Charts.Sequential.Moss.Color03
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Moss.Color03.Default | #007048 | #00915e | |||
Colors.Charts.Sequential.Moss.Color04
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Moss.Color04.Default | #008758 | #00a46b | |||
Colors.Charts.Sequential.Moss.Color05
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Moss.Color05.Default | #009f68 | #00b778 | |||
Colors.Charts.Sequential.Moss.Color06
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Moss.Color06.Default | #00bb7b | #00cb86 | |||
Colors.Charts.Sequential.Moss.Color07
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Moss.Color07.Default | #56d298 | #00e094 | |||
Colors.Charts.Sequential.Moss.Color08
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Moss.Color08.Default | #8fdfb4 | #00f5a2 | |||
Colors.Charts.Sequential.Moss.Color09
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Moss.Color09.Default | #b6edce | #81ffc0 | |||
Colors.Charts.Sequential.Turquoise.Color01
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Turquoise.Color01.Default | #004238 | #00695a | |||
Colors.Charts.Sequential.Turquoise.Color02
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Turquoise.Color02.Default | #00574a | #007b6a | |||
Colors.Charts.Sequential.Turquoise.Color03
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Turquoise.Color03.Default | #006e5e | #008e7a | |||
Colors.Charts.Sequential.Turquoise.Color04
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Turquoise.Color04.Default | #008472 | #00a18a | |||
Colors.Charts.Sequential.Turquoise.Color05
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Turquoise.Color05.Default | #009c86 | #00b49b | |||
Colors.Charts.Sequential.Turquoise.Color06
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Turquoise.Color06.Default | #00b89e | #00c8ac | |||
Colors.Charts.Sequential.Turquoise.Color07
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Turquoise.Color07.Default | #1bd4b7 | #00dcbe | |||
Colors.Charts.Sequential.Turquoise.Color08
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Turquoise.Color08.Default | #7ce0ca | #00f0cf | |||
Colors.Charts.Sequential.Turquoise.Color09
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Turquoise.Color09.Default | #aceede | #68ffe2 | |||
Colors.Charts.Sequential.Pink.Color01
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Pink.Color01.Default | #680042 | #a10069 | |||
Colors.Charts.Sequential.Pink.Color02
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Pink.Color02.Default | #870057 | #bb007b | |||
Colors.Charts.Sequential.Pink.Color03
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Pink.Color03.Default | #a7006d | #d7008e | |||
Colors.Charts.Sequential.Pink.Color04
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Pink.Color04.Default | #c90084 | #f200a0 | |||
Colors.Charts.Sequential.Pink.Color05
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Pink.Color05.Default | #eb009b | #ff41af | |||
Colors.Charts.Sequential.Pink.Color06
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Pink.Color06.Default | #ed68ae | #ff73bc | |||
Colors.Charts.Sequential.Pink.Color07
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Pink.Color07.Default | #f990c4 | #ff98ca | |||
Colors.Charts.Sequential.Pink.Color08
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Pink.Color08.Default | #fdb0d4 | #ffb7d8 | |||
Colors.Charts.Sequential.Pink.Color09
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Pink.Color09.Default | #ffcee4 | #ffd4e7 | |||
Colors.Charts.Sequential.Yellow.Color01
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Yellow.Color01.Default | #4b3400 | #755300 | |||
Colors.Charts.Sequential.Yellow.Color02
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Yellow.Color02.Default | #634500 | #846500 | |||
Colors.Charts.Sequential.Yellow.Color03
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Yellow.Color03.Default | #7b5800 | #947600 | |||
Colors.Charts.Sequential.Yellow.Color04
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Yellow.Color04.Default | #956a00 | #a38800 | |||
Colors.Charts.Sequential.Yellow.Color05
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Yellow.Color05.Default | #af7e00 | #b39a00 | |||
Colors.Charts.Sequential.Yellow.Color06
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Yellow.Color06.Default | #c79800 | #c4ad00 | |||
Colors.Charts.Sequential.Yellow.Color07
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Yellow.Color07.Default | #d7b43b | #e0c800 | |||
Colors.Charts.Sequential.Yellow.Color08
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Yellow.Color08.Default | #e2c97d | #ffe600 | |||
Colors.Charts.Sequential.Yellow.Color09
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Yellow.Color09.Default | #efdda9 | #feee82 | |||
Colors.Charts.Sequential.Petrol.Color01
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Petrol.Color01.Default | #004047 | #006670 | |||
Colors.Charts.Sequential.Petrol.Color02
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Petrol.Color02.Default | #00555d | #007883 | |||
Colors.Charts.Sequential.Petrol.Color03
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Petrol.Color03.Default | #006a74 | #008a97 | |||
Colors.Charts.Sequential.Petrol.Color04
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Petrol.Color04.Default | #00818c | #009caa | |||
Colors.Charts.Sequential.Petrol.Color05
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Petrol.Color05.Default | #0098a5 | #00afbe | |||
Colors.Charts.Sequential.Petrol.Color06
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Petrol.Color06.Default | #00b3c3 | #00c2d3 | |||
Colors.Charts.Sequential.Petrol.Color07
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Petrol.Color07.Default | #00cfe1 | #00d6e9 | |||
Colors.Charts.Sequential.Petrol.Color08
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Petrol.Color08.Default | #73ddea | #00eafe | |||
Colors.Charts.Sequential.Petrol.Color09
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Petrol.Color09.Default | #a7ecf5 | #96f3ff | |||
Colors.Charts.Sequential.Purple.Color01
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Purple.Color01.Default | #41008f | #6800db | |||
Colors.Charts.Sequential.Purple.Color02
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Purple.Color02.Default | #5600b8 | #7a00fe | |||
Colors.Charts.Sequential.Purple.Color03
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Purple.Color03.Default | #6c00e3 | #8546ff | |||
Colors.Charts.Sequential.Purple.Color04
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Purple.Color04.Default | #7f2eff | #9166ff | |||
Colors.Charts.Sequential.Purple.Color05
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Purple.Color05.Default | #8e5fff | #9f81ff | |||
Colors.Charts.Sequential.Purple.Color06
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Purple.Color06.Default | #a287ff | #af9aff | |||
Colors.Charts.Sequential.Purple.Color07
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Purple.Color07.Default | #b9a9ff | #bfb1ff | |||
Colors.Charts.Sequential.Purple.Color08
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Purple.Color08.Default | #cbc1ff | #d0c7ff | |||
Colors.Charts.Sequential.Purple.Color09
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Purple.Color09.Default | #ded8ff | #e2ddff | |||
Colors.Charts.Sequential.Pear.Color01
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Pear.Color01.Default | #174400 | #296b00 | |||
Colors.Charts.Sequential.Pear.Color02
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Pear.Color02.Default | #205900 | #317e00 | |||
Colors.Charts.Sequential.Pear.Color03
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Pear.Color03.Default | #2b7000 | #3a9100 | |||
Colors.Charts.Sequential.Pear.Color04
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Pear.Color04.Default | #358700 | #42a300 | |||
Colors.Charts.Sequential.Pear.Color05
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Pear.Color05.Default | #409f00 | #4bb700 | |||
Colors.Charts.Sequential.Pear.Color06
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Pear.Color06.Default | #60b73c | #54cb00 | |||
Colors.Charts.Sequential.Pear.Color07
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Pear.Color07.Default | #89cc72 | #5de000 | |||
Colors.Charts.Sequential.Pear.Color08
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Pear.Color08.Default | #abda9b | #67f400 | |||
Colors.Charts.Sequential.Pear.Color09
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Pear.Color09.Default | #c8eabd | #9dff7a | |||
Colors.Charts.Sequential.Brown.Color01
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Brown.Color01.Default | #512e19 | #7f4b2d | |||
Colors.Charts.Sequential.Brown.Color02
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Brown.Color02.Default | #6a3e24 | #945936 | |||
Colors.Charts.Sequential.Brown.Color03
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Brown.Color03.Default | #844e2f | #aa673f | |||
Colors.Charts.Sequential.Brown.Color04
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Brown.Color04.Default | #9f5f3a | #c07448 | |||
Colors.Charts.Sequential.Brown.Color05
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Brown.Color05.Default | #bb7146 | #d68352 | |||
Colors.Charts.Sequential.Brown.Color06
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Brown.Color06.Default | #db8654 | #e69668 | |||
Colors.Charts.Sequential.Brown.Color07
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Brown.Color07.Default | #e9a680 | #ebae8d | |||
Colors.Charts.Sequential.Brown.Color08
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Brown.Color08.Default | #efbfa5 | #f0c5ae | |||
Colors.Charts.Sequential.Brown.Color09
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Brown.Color09.Default | #f4d7c8 | #f6dcce | |||
Colors.Charts.Sequential.Red.Color01
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Red.Color01.Default | #6e0017 | #aa002a | |||
Colors.Charts.Sequential.Red.Color02
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Red.Color02.Default | #8e0021 | #c60032 | |||
Colors.Charts.Sequential.Red.Color03
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Red.Color03.Default | #b1002c | #e3003b | |||
Colors.Charts.Sequential.Red.Color04
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Red.Color04.Default | #d40036 | #ff0244 | |||
Colors.Charts.Sequential.Red.Color05
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Red.Color05.Default | #f80042 | #ff5864 | |||
Colors.Charts.Sequential.Red.Color06
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Red.Color06.Default | #fa676e | #ff7f83 | |||
Colors.Charts.Sequential.Red.Color07
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Red.Color07.Default | #ff9495 | #ff9f9f | |||
Colors.Charts.Sequential.Red.Color08
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Red.Color08.Default | #ffb4b3 | #ffbbba | |||
Colors.Charts.Sequential.Red.Color09
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Red.Color09.Default | #ffd1d0 | #ffd6d5 | |||
Colors.Charts.Sequential.Magenta.Color01
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Magenta.Color01.Default | #59006d | #8a00a9 | |||
Colors.Charts.Sequential.Magenta.Color02
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Magenta.Color02.Default | #74008d | #a200c5 | |||
Colors.Charts.Sequential.Magenta.Color03
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Magenta.Color03.Default | #9000af | #b900e1 | |||
Colors.Charts.Sequential.Magenta.Color04
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Magenta.Color04.Default | #ad00d2 | #d100fd | |||
Colors.Charts.Sequential.Magenta.Color05
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Magenta.Color05.Default | #c337e8 | #d952ff | |||
Colors.Charts.Sequential.Magenta.Color06
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Magenta.Color06.Default | #cc75e6 | #e17aff | |||
Colors.Charts.Sequential.Magenta.Color07
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Magenta.Color07.Default | #dc9af1 | #e89bff | |||
Colors.Charts.Sequential.Magenta.Color08
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Magenta.Color08.Default | #e6b6f5 | #eeb8ff | |||
Colors.Charts.Sequential.Magenta.Color09
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Magenta.Color09.Default | #f2d0fd | #f5d4ff | |||
Colors.Charts.Sequential.Orange.Color01
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Orange.Color01.Default | #5d2400 | #913d00 | |||
Colors.Charts.Sequential.Orange.Color02
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Orange.Color02.Default | #7a3200 | #aa4800 | |||
Colors.Charts.Sequential.Orange.Color03
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Orange.Color03.Default | #974000 | #c35400 | |||
Colors.Charts.Sequential.Orange.Color04
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Orange.Color04.Default | #b64e00 | #db6000 | |||
Colors.Charts.Sequential.Orange.Color05
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Orange.Color05.Default | #d55d00 | #f56c00 | |||
Colors.Charts.Sequential.Orange.Color06
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Orange.Color06.Default | #f57323 | #ff8643 | |||
Colors.Charts.Sequential.Orange.Color07
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Orange.Color07.Default | #ff9a66 | #ffa476 | |||
Colors.Charts.Sequential.Orange.Color08
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Orange.Color08.Default | #ffb895 | #ffbfa0 | |||
Colors.Charts.Sequential.Orange.Color09
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Sequential.Orange.Color09.Default | #ffd3bf | #ffd8c6 | |||
Colors.Charts.Diverging.OrangeBlue.Color01
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.OrangeBlue.Color01.Default | #5d2400 | #913d00 | |||
Colors.Charts.Diverging.OrangeBlue.Color02
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.OrangeBlue.Color02.Default | #974000 | #c35400 | |||
Colors.Charts.Diverging.OrangeBlue.Color03
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.OrangeBlue.Color03.Default | #d55d00 | #f56c00 | |||
Colors.Charts.Diverging.OrangeBlue.Color04
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.OrangeBlue.Color04.Default | #ff9a66 | #ffa476 | |||
Colors.Charts.Diverging.OrangeBlue.Color05
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.OrangeBlue.Color05.Default | #ffd3bf | #ffd8c6 | |||
Colors.Charts.Diverging.OrangeBlue.Color06
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.OrangeBlue.Color06.Default | #e6e4e0 | #e6e4e0 | |||
Colors.Charts.Diverging.OrangeBlue.Color07
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.OrangeBlue.Color07.Default | #cae0ff | #d0e3ff | |||
Colors.Charts.Diverging.OrangeBlue.Color08
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.OrangeBlue.Color08.Default | #8ab9ff | #95c0ff | |||
Colors.Charts.Diverging.OrangeBlue.Color09
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.OrangeBlue.Color09.Default | #2380ff | #559aff | |||
Colors.Charts.Diverging.OrangeBlue.Color10
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.OrangeBlue.Color10.Default | #0057bf | #0072f5 | |||
Colors.Charts.Diverging.OrangeBlue.Color11
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.OrangeBlue.Color11.Default | #003477 | #0054b8 | |||
Colors.Charts.Diverging.RedBlue.Color01
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.RedBlue.Color01.Default | #6e0017 | #aa002a | |||
Colors.Charts.Diverging.RedBlue.Color02
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.RedBlue.Color02.Default | #b1002c | #e3003b | |||
Colors.Charts.Diverging.RedBlue.Color03
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.RedBlue.Color03.Default | #f80042 | #ff5864 | |||
Colors.Charts.Diverging.RedBlue.Color04
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.RedBlue.Color04.Default | #ff9495 | #ff9f9f | |||
Colors.Charts.Diverging.RedBlue.Color05
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.RedBlue.Color05.Default | #ffd1d0 | #ffd6d5 | |||
Colors.Charts.Diverging.RedBlue.Color06
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.RedBlue.Color06.Default | #e6e4e0 | #e6e4e0 | |||
Colors.Charts.Diverging.RedBlue.Color07
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.RedBlue.Color07.Default | #cae0ff | #d0e3ff | |||
Colors.Charts.Diverging.RedBlue.Color08
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.RedBlue.Color08.Default | #8ab9ff | #95c0ff | |||
Colors.Charts.Diverging.RedBlue.Color09
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.RedBlue.Color09.Default | #2380ff | #559aff | |||
Colors.Charts.Diverging.RedBlue.Color10
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.RedBlue.Color10.Default | #0057bf | #0072f5 | |||
Colors.Charts.Diverging.RedBlue.Color11
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.RedBlue.Color11.Default | #003477 | #0054b8 | |||
Colors.Charts.Diverging.RedPurple.Color01
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.RedPurple.Color01.Default | #6e0017 | #aa002a | |||
Colors.Charts.Diverging.RedPurple.Color02
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.RedPurple.Color02.Default | #b1002c | #e3003b | |||
Colors.Charts.Diverging.RedPurple.Color03
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.RedPurple.Color03.Default | #f80042 | #ff5864 | |||
Colors.Charts.Diverging.RedPurple.Color04
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.RedPurple.Color04.Default | #ff9495 | #ff9f9f | |||
Colors.Charts.Diverging.RedPurple.Color05
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.RedPurple.Color05.Default | #ffd1d0 | #ffd6d5 | |||
Colors.Charts.Diverging.RedPurple.Color06
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.RedPurple.Color06.Default | #e6e4e0 | #e6e4e0 | |||
Colors.Charts.Diverging.RedPurple.Color07
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.RedPurple.Color07.Default | #ded8ff | #e2ddff | |||
Colors.Charts.Diverging.RedPurple.Color08
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.RedPurple.Color08.Default | #b9a9ff | #bfb1ff | |||
Colors.Charts.Diverging.RedPurple.Color09
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.RedPurple.Color09.Default | #8e5fff | #9f81ff | |||
Colors.Charts.Diverging.RedPurple.Color10
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.RedPurple.Color10.Default | #6c00e3 | #8546ff | |||
Colors.Charts.Diverging.RedPurple.Color11
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.RedPurple.Color11.Default | #41008f | #6800db | |||
Colors.Charts.Diverging.BlueMoss.Color01
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.BlueMoss.Color01.Default | #003477 | #0054b8 | |||
Colors.Charts.Diverging.BlueMoss.Color02
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.BlueMoss.Color02.Default | #0057bf | #0072f5 | |||
Colors.Charts.Diverging.BlueMoss.Color03
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.BlueMoss.Color03.Default | #2380ff | #559aff | |||
Colors.Charts.Diverging.BlueMoss.Color04
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.BlueMoss.Color04.Default | #8ab9ff | #95c0ff | |||
Colors.Charts.Diverging.BlueMoss.Color05
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.BlueMoss.Color05.Default | #cae0ff | #d0e3ff | |||
Colors.Charts.Diverging.BlueMoss.Color06
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.BlueMoss.Color06.Default | #e6e4e0 | #e6e4e0 | |||
Colors.Charts.Diverging.BlueMoss.Color07
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.BlueMoss.Color07.Default | #b6edce | #81ffc0 | |||
Colors.Charts.Diverging.BlueMoss.Color08
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.BlueMoss.Color08.Default | #56d298 | #00e094 | |||
Colors.Charts.Diverging.BlueMoss.Color09
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.BlueMoss.Color09.Default | #009f68 | #00b778 | |||
Colors.Charts.Diverging.BlueMoss.Color10
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.BlueMoss.Color10.Default | #007048 | #00915e | |||
Colors.Charts.Diverging.BlueMoss.Color11
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.BlueMoss.Color11.Default | #00442a | #006b45 | |||
Colors.Charts.Diverging.PurpleYellow.Color01
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.PurpleYellow.Color01.Default | #41008f | #6800db | |||
Colors.Charts.Diverging.PurpleYellow.Color02
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.PurpleYellow.Color02.Default | #6c00e3 | #8546ff | |||
Colors.Charts.Diverging.PurpleYellow.Color03
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.PurpleYellow.Color03.Default | #8e5fff | #9f81ff | |||
Colors.Charts.Diverging.PurpleYellow.Color04
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.PurpleYellow.Color04.Default | #b9a9ff | #bfb1ff | |||
Colors.Charts.Diverging.PurpleYellow.Color05
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.PurpleYellow.Color05.Default | #ded8ff | #e2ddff | |||
Colors.Charts.Diverging.PurpleYellow.Color06
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.PurpleYellow.Color06.Default | #e6e4e0 | #e6e4e0 | |||
Colors.Charts.Diverging.PurpleYellow.Color07
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.PurpleYellow.Color07.Default | #efdda9 | #feee82 | |||
Colors.Charts.Diverging.PurpleYellow.Color08
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.PurpleYellow.Color08.Default | #d7b43b | #e0c800 | |||
Colors.Charts.Diverging.PurpleYellow.Color09
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.PurpleYellow.Color09.Default | #af7e00 | #b39a00 | |||
Colors.Charts.Diverging.PurpleYellow.Color10
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.PurpleYellow.Color10.Default | #7b5800 | #947600 | |||
Colors.Charts.Diverging.PurpleYellow.Color11
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.PurpleYellow.Color11.Default | #4b3400 | #755300 | |||
Colors.Charts.Diverging.RedGreen.Color01
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.RedGreen.Color01.Default | #6e0017 | #aa002a | |||
Colors.Charts.Diverging.RedGreen.Color02
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.RedGreen.Color02.Default | #b1002c | #e3003b | |||
Colors.Charts.Diverging.RedGreen.Color03
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.RedGreen.Color03.Default | #f80042 | #ff5864 | |||
Colors.Charts.Diverging.RedGreen.Color04
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.RedGreen.Color04.Default | #ff9495 | #ff9f9f | |||
Colors.Charts.Diverging.RedGreen.Color05
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.RedGreen.Color05.Default | #ffd1d0 | #ffd6d5 | |||
Colors.Charts.Diverging.RedGreen.Color06
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.RedGreen.Color06.Default | #e6e4e0 | #e6e4e0 | |||
Colors.Charts.Diverging.RedGreen.Color07
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.RedGreen.Color07.Default | #b6edce | #81ffc0 | |||
Colors.Charts.Diverging.RedGreen.Color08
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.RedGreen.Color08.Default | #56d298 | #00e094 | |||
Colors.Charts.Diverging.RedGreen.Color09
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.RedGreen.Color09.Default | #009f68 | #00b778 | |||
Colors.Charts.Diverging.RedGreen.Color10
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.RedGreen.Color10.Default | #007048 | #00915e | |||
Colors.Charts.Diverging.RedGreen.Color11
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.RedGreen.Color11.Default | #00442a | #006b45 | |||
Colors.Charts.Diverging.OrangePetrol.Color01
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.OrangePetrol.Color01.Default | #5d2400 | #913d00 | |||
Colors.Charts.Diverging.OrangePetrol.Color02
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.OrangePetrol.Color02.Default | #974000 | #c35400 | |||
Colors.Charts.Diverging.OrangePetrol.Color03
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.OrangePetrol.Color03.Default | #d55d00 | #f56c00 | |||
Colors.Charts.Diverging.OrangePetrol.Color04
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.OrangePetrol.Color04.Default | #ff9a66 | #ffa476 | |||
Colors.Charts.Diverging.OrangePetrol.Color05
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.OrangePetrol.Color05.Default | #ffd3bf | #ffd8c6 | |||
Colors.Charts.Diverging.OrangePetrol.Color06
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.OrangePetrol.Color06.Default | #e6e4e0 | #e6e4e0 | |||
Colors.Charts.Diverging.OrangePetrol.Color07
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.OrangePetrol.Color07.Default | #a7ecf5 | #96f3ff | |||
Colors.Charts.Diverging.OrangePetrol.Color08
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.OrangePetrol.Color08.Default | #00cfe1 | #00d6e9 | |||
Colors.Charts.Diverging.OrangePetrol.Color09
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.OrangePetrol.Color09.Default | #0098a5 | #00afbe | |||
Colors.Charts.Diverging.OrangePetrol.Color10
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.OrangePetrol.Color10.Default | #006a74 | #008a97 | |||
Colors.Charts.Diverging.OrangePetrol.Color11
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.OrangePetrol.Color11.Default | #004047 | #006670 | |||
Colors.Charts.Diverging.PinkGreen.Color01
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.PinkGreen.Color01.Default | #680042 | #a10069 | |||
Colors.Charts.Diverging.PinkGreen.Color02
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.PinkGreen.Color02.Default | #a7006d | #d7008e | |||
Colors.Charts.Diverging.PinkGreen.Color03
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.PinkGreen.Color03.Default | #eb009b | #ff41af | |||
Colors.Charts.Diverging.PinkGreen.Color04
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.PinkGreen.Color04.Default | #f990c4 | #ff98ca | |||
Colors.Charts.Diverging.PinkGreen.Color05
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.PinkGreen.Color05.Default | #ffcee4 | #ffd4e7 | |||
Colors.Charts.Diverging.PinkGreen.Color06
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.PinkGreen.Color06.Default | #e6e4e0 | #e6e4e0 | |||
Colors.Charts.Diverging.PinkGreen.Color07
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.PinkGreen.Color07.Default | #b6edce | #81ffc0 | |||
Colors.Charts.Diverging.PinkGreen.Color08
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.PinkGreen.Color08.Default | #56d298 | #00e094 | |||
Colors.Charts.Diverging.PinkGreen.Color09
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.PinkGreen.Color09.Default | #009f68 | #00b778 | |||
Colors.Charts.Diverging.PinkGreen.Color10
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.PinkGreen.Color10.Default | #007048 | #00915e | |||
Colors.Charts.Diverging.PinkGreen.Color11
| Sample | Token Name | Value | Description | ||
|---|---|---|---|---|---|
| Light | Dark | Light | Dark | ||
| Colors.Charts.Diverging.PinkGreen.Color11.Default | #00442a | #006b45 | |||