theme
property. The
theme property allows you to set common styles such as the font, color and
border styles.
google:
are downloaded automatically from
Google Fonts. This allows you to choose the closest
font to your brand. We recommend choosing a font with support for the weights
400
, 600
and 700
.primary
or danger
. This allows us
to update introduce new features or UI elements without explicitly requiring you
to update your theme. As an example, we may introduce a ‘Default Card’ button at
a later stage that would be based on the danger
set of colors.
thin
for a 1px
border width or thick
for a 2px
border width.
none
, subtle
or rounded
. These aliases
correspond to 0
, 2px
and 4px
. Setting the radii to none
will remove it
entirely.
box-shadow
instead of the default browser
focus ring. It can be overridden, but we advise at least keeping a visible focus
ring for accessibility. This will override any focus styles set elsewhere in the
theme.
How do I load my own CSS files?
What browsers are supported?
What values can be set?
colors.primary
could be a
hex, RGB or HSL. You can also have multiple shadows for a focus ring, e.g. 0 0 0 2px white, 0 0 0 4px green