All overridable color tokens (click to expand)
primary
- --color-primary-100
- --color-primary-200
- --color-primary-300
- --color-primary-400
- --color-primary-500
- --color-primary-600
- --color-primary-700
- --color-primary-800
- --color-primary-900
- --color-primary-content-low
- --color-primary-content-high
secondary
-
--color-secondary-100
-
--color-secondary-200
-
--color-secondary-300
-
--color-secondary-400
-
--color-secondary-500
-
--color-secondary-600
-
--color-secondary-700
-
--color-secondary-800
-
--color-secondary-900
- --color-secondary-content-low
- --color-secondary-content-high
accent
- --color-accent-100
- --color-accent-200
- --color-accent-300
- --color-accent-400
- --color-accent-500
- --color-accent-600
- --color-accent-700
- --color-accent-800
- --color-accent-900
- --color-accent-content-low
- --color-accent-content-high
base (surfaces / text)
- --color-base-100
- --color-base-200
- --color-base-300
- --color-base-400
- --color-base-500
- --color-base-600
- --color-base-700
- --color-base-800
- --color-base-900
- --color-base-content-low
- --color-base-content-high
success
- --color-success-100
- --color-success-300
- --color-success-500
- --color-success-700
- --color-success-900
- --color-success-content-high
warning
- --color-warning-100
- --color-warning-300
- --color-warning-500
- --color-warning-700
- --color-warning-900
- --color-warning-content-high
danger
- --color-danger-100
- --color-danger-300
- --color-danger-500
- --color-danger-700
- --color-danger-900
- --color-danger-content-high
raw rgb triplets
- --rgb-primary-100 … 900
- --rgb-secondary-100 … 900
- --rgb-accent-100 … 900
- --rgb-base-100 … 900
- --rgb-success-100 … 900
- --rgb-warning-100 … 900
- --rgb-danger-100 … 900
- format:
R G B (space-separated)