Theme Color Tokens


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

Content Type Overview


Headline

Headline Text

Text

Body text

Border


Button

Primary Secondary

Theme Color Tokens


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

Content Type Overview


Headline

Headline Text

Text

Body text

Border


Button

Primary Secondary
Debug Panel