| Scss function | Value | |
|---|---|---|
| Text | var(--m-bolt-text) | black |
| Background | var(--m-bolt-bg) | white |
| Primary | var(--m-bolt-primary) | navy, light |
| Text on Primary | var(--m-bolt-text-on-primary) | white |
| Secondary | var(--m-bolt-secondary) | white |
| Text on Secondary | var(--m-bolt-text-on-secondary) | navy |
| Tertiary | var(--m-bolt-tertiary) | gray, 15% |
| Text on Tertiary | var(--m-bolt-text-on-tertiary) | navy |
| Link Text | var(--m-bolt-link) | navy, light |
| Disabled | var(--m-bolt-text-on-disabled) | gray |
| Text on Disabled | var(--m-bolt-disabled) | gray, light |
| Headline Text | var(--m-bolt-headline) | navy |
| Border | var(--m-bolt-border) | gray, 15% |
| Neutral | var(--m-bolt-neutral) | gray |
Body text
| Scss function | Value | |
|---|---|---|
| Text | var(--m-bolt-text) | black |
| Background | var(--m-bolt-bg) | gray, xlight |
| Primary | var(--m-bolt-primary) | navy, light |
| Text on Primary | var(--m-bolt-text-on-primary) | white |
| Secondary | var(--m-bolt-secondary) | white |
| Text on Secondary | var(--m-bolt-text-on-secondary) | navy |
| Tertiary | var(--m-bolt-tertiary) | gray, 15% |
| Text on Tertiary | var(--m-bolt-text-on-tertiary) | navy |
| Link Text | var(--m-bolt-link) | navy, light |
| Disabled | var(--m-bolt-text-on-disabled) | gray |
| Text on Disabled | var(--m-bolt-disabled) | gray, light |
| Headline Text | var(--m-bolt-headline) | navy |
| Border | var(--m-bolt-border) | gray, 15% |
| Neutral | var(--m-bolt-neutral) | gray |
Body text
| Scss function | Value | |
|---|---|---|
| Text | var(--m-bolt-text) | white |
| Background | var(--m-bolt-bg) | navy |
| Primary | var(--m-bolt-primary) | yellow |
| Text on Primary | var(--m-bolt-text-on-primary) | black |
| Secondary | var(--m-bolt-secondary) | white |
| Text on Secondary | var(--m-bolt-text-on-secondary) | navy |
| Tertiary | var(--m-bolt-tertiary) | white, 15% |
| Text on Tertiary | var(--m-bolt-text-on-tertiary) | white |
| Link Text | var(--m-bolt-link) | white |
| Disabled | var(--m-bolt-text-on-disabled) | gray |
| Text on Disabled | var(--m-bolt-disabled) | gray, light |
| Headline Text | var(--m-bolt-headline) | white |
| Border | var(--m-bolt-border) | white, 15% |
| Neutral | var(--m-bolt-neutral) | gray |
Body text
| Scss function | Value | |
|---|---|---|
| Text | var(--m-bolt-text) | white |
| Background | var(--m-bolt-bg) | navy, dark |
| Primary | var(--m-bolt-primary) | yellow |
| Text on Primary | var(--m-bolt-text-on-primary) | black |
| Secondary | var(--m-bolt-secondary) | white |
| Text on Secondary | var(--m-bolt-text-on-secondary) | navy |
| Tertiary | var(--m-bolt-tertiary) | white, 15% |
| Text on Tertiary | var(--m-bolt-text-on-tertiary) | white |
| Link Text | var(--m-bolt-link) | white |
| Disabled | var(--m-bolt-text-on-disabled) | gray |
| Text on Disabled | var(--m-bolt-disabled) | gray, light |
| Headline Text | var(--m-bolt-headline) | white |
| Border | var(--m-bolt-border) | white, 15% |
| Neutral | var(--m-bolt-neutral) | gray |
Body text