This section uses
bg-brand-primary
for its background and has white text. This color
'brand-primary': '#1E40AF'
was defined in our configuration.
This text uses the default body color, but important phrases can use our accent color .
The button uses
bg-brand-secondary
and
text-brand-primary
.
This section has a prominent border using
border-brand-accent
.
Note:
Custom colors like
brand-primary
,
brand-secondary
, and
brand-accent
are made available by defining them in the
tailwind.config
script block above. This mirrors adding them to
theme.extend.colors
in a
tailwind.config.js
file.