Back

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

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

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

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`