The default background-color
of an element may be overridden using a utility
class of u-bgX
, where X
is replaced with a color
from our palette.
To make a dark container with inverse text colors, consider using the Noir
component instead.
<div class="u-bgSilver u-padEnds4 u-padSides1 u-textCenter">
Silver
</div>
<div class="u-bgYellow u-padEnds4 u-padSides1 u-textCenter">
Yellow
</div>