Перемикач базового кольору сайту

Назви селекторів теми відповідають елементам bootstrap 4:

btn-theme, btn-outline-theme, text-theme, bg-theme, alert-theme, table-theme

Button

theme color primary success info warning danger

Button Outline

Button Elements

Link Button

Contextual Backgrounds

bg-theme

bg-primary

bg-success

bg-info

bg-warning

bg-danger

bg-secondary

bg-dark

bg-light

Contextual Link Colors

Theme link. Muted link. Primary link. Success link. Info link. Warning link. Danger link. Secondary link. Dark grey link. Body/black link. Light grey link.

Contextual Colors

text-theme text-muted text-primary text-success text-info text-warning text-danger text-secondary text-dark text-body text-light text-white

Alerts

Alert-theme! You should read this message.
Success! You should read this message.
Info! You should read this message.
Warning! You should read this message.
Danger! You should read this message.
Primary! You should read this message.
Secondary! You should read this message.
Dark! You should read this message.
Light! You should read this message.

Tables

Firstname Lastname Email
Default Defaultson def@somemail.com
Theme Joe joe@example.com
Primary Joe joe@example.com
Success Doe john@example.com
Danger Moe mary@example.com
Info Dooley july@example.com
Warning Refs bo@example.com
Active Activeson act@example.com
Secondary Secondson sec@example.com
Light Angie angie@example.com
Dark Bo bo@example.com
Використовуючи цей сайт, ви погоджуєтеся на використання cookie