Colors

Colors are used to add meaning to a user interface, help distinguish content, and establish hierarchy. They can also be used to create visual excitement and draw attention to parts of your layout.

Theme colors are used throughout the component library to provide a consistent design that can be adapted to your brand. Theme color has these variant names: primary, secondary, success, danger, warning, info, light, dark.

You can use the colors to customize the design of components, indicate different states or suggest actions you want users to take.

Named colors are used throughout the component library to provide a consistent design that can be adapted to your brand.

You can use the colors to customize the design of components, indicate different states or suggest actions you want users to take.

Social colors are used throughout the component library to provide a consistent design that can be adapted to your brand. You can use the colors to customize the design of components, indicate different states or suggest actions you want users to take. Choose one of the available colors from the social color palette. Available social colors are: facebook, twitter, google, youtube, vimeo, linkedin, dribbble, github, instagram, pinterest, vk, rss, flickr, bitbucket, and tabler.