# Colors and Theming

USWDS has an amazing and extensive system for dealing with colors, which is detailed here (opens new window). USWDS in general is designed to be a super flexible framework, but this can be a overwhelming. Drawing inspiration from Bootstrap (opens new window), uswds-vue instead uses a simple color theme which makes it much simpler to manage and keep colors consistent across all of the components. But you can always go deeper and apply the color styles from USWDS manually.

# Variants

The basis for the theming setup in uswds-vue is variants. There are 10 variants, and these are applied to every component to keep a consistent look and make themeing much simpler.

primary
secondary
info
success
danger
warning
light
dark
white
black

# Theme Playground

Last Updated: 2/2/2022, 2:29:19 PM