After reading Settable SCSS and Based on settable SCSS section, I know what color names Spectre.css
has, and I see it would be good to have a key or code that I can refer to while working with them. I'll remove the color
, and that's it.
Codes
The first column is the simplified color name - the color code that I want to use to input instead of the full-color name, which indicates the SASS or CSS variable.
$accent-color
Color name | CSS variable | Hex |
---|
| | |
$primary-color
Color name | CSS variable | Hex |
---|
| | |
$primary-color-dark
Color name | CSS variable | Hex |
---|
| | |
$primary-color-light
Color name | CSS variable | Hex |
---|
| | |
$secondary-color
Color name | CSS variable | Hex |
---|
| | |
$secondary-color-dark
$secondary-color-light
$gray-color
$gray-color-dark
$gray-color-light
$bg-color
$bg-color-dark
$bg-color-light
$border-color
$border-color-dark
$border-color-light
$disabled-color
$error-color
$info-color
$success-color
$warning-color
$link-color
$link-color-dark
$link-color-light
$code-color
$highlight-color
$body-bg-color
$body-font-color
$parallax-fade-color
List
An ordered list of the Spectre.css colors that should be respected to achieve order and naming consistency.