Colors

Basic colors

Suave UI have a set of harmonic colors. You can apply these colors using su-c* CSS-class for text and su-bc* for background.

su-bc0
su-bc1
su-bc2
su-bc3
su-bc4
su-bc5
su-bc6
su-bc7
su-bc8
su-bc9
su-bc10
su-bc11
su-bc12
su-bc13
su-bc14
su-bc15
su-bc16

Interaction Elements group

Some elements (like buttons, snackbar or su-select) can apply following classes to change it color:

su-default
su-positive
su-negative
su-violet
su-black
su-orange