| scss function | xlight / light | dark / xdark | |
|---|---|---|---|
| Text | bolt-theme(text) | black | white |
| Background | bolt-theme(background) | white / gray, xlight | indigo / indigo, dark |
| Primary | bolt-theme(primary) | indigo, light | yellow |
| Secondary | bolt-theme(secondary) | white | white |
| Link Text | bolt-theme(link) | indigo, light | white |
| Disabled Text | bolt-theme(text-disabled) | gray | gray |
| Disabled Background | bolt-theme(disabled) | gray, light | gray, light |
| Headline Text | bolt-theme(headline) | indigo | white |
| Headline Link | bolt-theme(headline-link) | indigo, light | white |
| Border | bolt-theme(border, 0.2) | indigo, dark, 20% | white, 20% |
| Neutral | bolt-theme(neutral) | gray | gray |
Body text
| scss function | xlight / light | dark / xdark | |
|---|---|---|---|
| Text | bolt-theme(text) | black | white |
| Background | bolt-theme(background) | white / gray, xlight | indigo / indigo, dark |
| Primary | bolt-theme(primary) | indigo, light | yellow |
| Secondary | bolt-theme(secondary) | white | white |
| Link Text | bolt-theme(link) | indigo, light | white |
| Disabled Text | bolt-theme(text-disabled) | gray | gray |
| Disabled Background | bolt-theme(disabled) | gray, light | gray, light |
| Headline Text | bolt-theme(headline) | indigo | white |
| Headline Link | bolt-theme(headline-link) | indigo, light | white |
| Border | bolt-theme(border, 0.2) | indigo, dark, 20% | white, 20% |
| Neutral | bolt-theme(neutral) | gray | gray |
Body text