< Tokens
Theme AAOS
File: theme/aaos/day-complete.json
color
color-theme-surface-neutral-0
| Sample | Name | CSS Variable | Value |
|---|---|---|---|
| color-theme-surface-neutral-0-default | --mds-color-theme-surface-neutral-0-default | #17181b |
color-theme-surface-neutral-1
| Sample | Name | CSS Variable | Value |
|---|---|---|---|
| color-theme-surface-neutral-1-default | --mds-color-theme-surface-neutral-1-default | #202124 |
color-theme-surface-neutral-2
| Sample | Name | CSS Variable | Value |
|---|---|---|---|
| color-theme-surface-neutral-2-default | --mds-color-theme-surface-neutral-2-default | #282a2d |
color-theme-content-text-neutral
| Sample | Name | CSS Variable | Value |
|---|---|---|---|
| color-theme-content-text-neutral-primary | --mds-color-theme-content-text-neutral-primary | #ffffffe0 | |
| color-theme-content-text-neutral-secondary | --mds-color-theme-content-text-neutral-secondary | #ffffff99 | |
| color-theme-content-text-neutral-disabled | --mds-color-theme-content-text-neutral-disabled | #ffffff80 |
color-theme-content-text-contrast-neutral
| Sample | Name | CSS Variable | Value |
|---|---|---|---|
| color-theme-content-text-contrast-neutral-primary | --mds-color-theme-content-text-contrast-neutral-primary | #000000 |
color-theme-content-text-positive
| Sample | Name | CSS Variable | Value |
|---|---|---|---|
| color-theme-content-text-positive-default | --mds-color-theme-content-text-positive-default | #27a17a |
color-theme-content-text-negative
| Sample | Name | CSS Variable | Value |
|---|---|---|---|
| color-theme-content-text-negative-default | --mds-color-theme-content-text-negative-default | #f55868 |
color-theme-content-text-warning
| Sample | Name | CSS Variable | Value |
|---|---|---|---|
| color-theme-content-text-warning-default | --mds-color-theme-content-text-warning-default | #f2990a |
color-theme-content-text-accent
| Sample | Name | CSS Variable | Value |
|---|---|---|---|
| color-theme-content-text-accent-default | --mds-color-theme-content-text-accent-default | #3492eb |
color-theme-content-text-notice
| Sample | Name | CSS Variable | Value |
|---|---|---|---|
| color-theme-content-text-notice-default | --mds-color-theme-content-text-notice-default | #ec6400 |
color-theme-content-btn-neutral-primary
| Sample | Name | CSS Variable | Value |
|---|---|---|---|
| color-theme-content-btn-neutral-primary-default | --mds-color-theme-content-btn-neutral-primary-default | #ffffff | |
| color-theme-content-btn-neutral-primary-disabled | --mds-color-theme-content-btn-neutral-primary-disabled | #ffffff8f |
color-theme-content-btn-neutral-secondary
| Sample | Name | CSS Variable | Value |
|---|---|---|---|
| color-theme-content-btn-neutral-secondary-default | --mds-color-theme-content-btn-neutral-secondary-default | #ffffff00 | |
| color-theme-content-btn-neutral-secondary-disabled | --mds-color-theme-content-btn-neutral-secondary-disabled | #ffffff00 |
color-theme-content-btn-positive
| Sample | Name | CSS Variable | Value |
|---|---|---|---|
| color-theme-content-btn-positive-default | --mds-color-theme-content-btn-positive-default | #27a17a |
color-theme-content-btn-negative
| Sample | Name | CSS Variable | Value |
|---|---|---|---|
| color-theme-content-btn-negative-default | --mds-color-theme-content-btn-negative-default | #f55868 |
color-theme-content-btn-accent
| Sample | Name | CSS Variable | Value |
|---|---|---|---|
| color-theme-content-btn-accent-default | --mds-color-theme-content-btn-accent-default | #3492eb |
color-theme-content-illustration
| Sample | Name | CSS Variable | Value |
|---|---|---|---|
| color-theme-content-illustration-default | --mds-color-theme-content-illustration-default | #ffffff |
color-theme-content-control-neutral-slider
| Sample | Name | CSS Variable | Value |
|---|---|---|---|
| color-theme-content-control-neutral-slider-disabled | --mds-color-theme-content-control-neutral-slider-disabled | #ffffff1c |
color-theme-content-control-neutral
| Sample | Name | CSS Variable | Value |
|---|---|---|---|
| color-theme-content-control-neutral-default | --mds-color-theme-content-control-neutral-default | #ffffff66 |
color-theme-content-control-accent-active
| Sample | Name | CSS Variable | Value |
|---|---|---|---|
| color-theme-content-control-accent-active-default | --mds-color-theme-content-control-accent-active-default | #3492eb |
color-theme-content-indicator-positive
| Sample | Name | CSS Variable | Value |
|---|---|---|---|
| color-theme-content-indicator-positive-0 | --mds-color-theme-content-indicator-positive-0 | #27a17a |
color-theme-content-indicator-negative
| Sample | Name | CSS Variable | Value |
|---|---|---|---|
| color-theme-content-indicator-negative-0 | --mds-color-theme-content-indicator-negative-0 | #f55868 |
color-theme-content-indicator-warning
| Sample | Name | CSS Variable | Value |
|---|---|---|---|
| color-theme-content-indicator-warning-0 | --mds-color-theme-content-indicator-warning-0 | #f2990a |
color-theme-content-indicator-accent
| Sample | Name | CSS Variable | Value |
|---|---|---|---|
| color-theme-content-indicator-accent-0 | --mds-color-theme-content-indicator-accent-0 | #3492eb |
color-theme-content-indicator-notice
| Sample | Name | CSS Variable | Value |
|---|---|---|---|
| color-theme-content-indicator-notice-0 | --mds-color-theme-content-indicator-notice-0 | #ec6400 |
color-theme-overlay
| Sample | Name | CSS Variable | Value |
|---|---|---|---|
| color-theme-overlay-0 | --mds-color-theme-overlay-0 | #000000d6 | |
| color-theme-overlay-1 | --mds-color-theme-overlay-1 | #000000b3 | |
| color-theme-overlay-2 | --mds-color-theme-overlay-2 | #00000099 |
color-theme-border-neutral
| Sample | Name | CSS Variable | Value |
|---|---|---|---|
| color-theme-border-neutral-0 | --mds-color-theme-border-neutral-0 | #ffffff75 | |
| color-theme-border-neutral-1 | --mds-color-theme-border-neutral-1 | #ffffff3d | |
| color-theme-border-neutral-2 | --mds-color-theme-border-neutral-2 | #ffffff8f |
color-theme-border-positive
| Sample | Name | CSS Variable | Value |
|---|---|---|---|
| color-theme-border-positive-0 | --mds-color-theme-border-positive-0 | #27a17a |
color-theme-border-negative
| Sample | Name | CSS Variable | Value |
|---|---|---|---|
| color-theme-border-negative-0 | --mds-color-theme-border-negative-0 | #f55868 |
color-theme-border-accent
| Sample | Name | CSS Variable | Value |
|---|---|---|---|
| color-theme-border-accent-0 | --mds-color-theme-border-accent-0 | #3492eb |
color-theme-border-warning
| Sample | Name | CSS Variable | Value |
|---|---|---|---|
| color-theme-border-warning-0 | --mds-color-theme-border-warning-0 | #f2990a |
color-theme-bg
| Sample | Name | CSS Variable | Value |
|---|---|---|---|
| color-theme-bg-primary | --mds-color-theme-bg-primary | #000000 |