Barvy:
Primární barva (Primary):
#2766FF
Změna v Bootstrap SCSS:
$primary: #2766FF;
$primary-text-emphasis: #fff;
$primary-text-emphasis-dark: #fff;
Sekundární (Secondary):
#667085
Změna v Bootstrap SCSS:
$secondary: #667085;
$secondary-text-emphasis: #fff;
$secondary-text-emphasis-dark: #fff;
Varování (Warning):
#F79009
Změna v Bootstrap SCSS:
$warning: #F79009;
$warning-text-emphasis: #000;
$warning-text-emphasis-dark: #000;
Error (Danger):
#D92D20
Změna v Bootstrap SCSS:
$danger: #D92D20;
$danger-text-emphasis: #fff;
$danger-text-emphasis-dark: #fff;
Úspěch (Success):
#17B26A
Změna v Bootstrap SCSS:
$success: #17B26A;
$success-text-emphasis: #fff;
$success-text-emphasis-dark: #fff;
Neutrální (Info):
#85888E
Změna v Bootstrap SCSS:
$info: #85888E;
$info-text-emphasis: #fff;
$info-text-emphasis-dark: #fff;
Bílá (Light):
#FFFFFF
Změna v Bootstrap SCSS:
$light: #FFFFFF;
Tmavá (Dark):
#333741
Změna v Bootstrap SCSS:
$dark: #333741;
$dark-text-emphasis: #fff;
$dark-text-emphasis-dark: #fff;
Podrobnosti o barvách:
| Poznámky | Vzorek | Hodnoty |
|---|---|---|
| Body — Výchozí popředí (barva) a pozadí včetně komponent. |
|
--bs-body-color--bs-body-color-rgb
|
|
|
--bs-body-bg--bs-body-bg-rgb
|
|
Secondary — Pro světlejší text použijte možnost barvy color. Možnost bg použijte pro rozdělovače a pro označení vypnutých stavů komponent.
|
|
--bs-secondary-color--bs-secondary-color-rgb
|
|
|
--bs-secondary-bg--bs-secondary-bg-rgb
|
|
Tertiary — Pro světlejší text použijte možnost barvy color. Možnost bg použijte pro rozdělovače a pro označení vypnutých stavů komponent.
|
|
--bs-tertiary-color--bs-tertiary-color-rgb
|
|
|
--bs-tertiary-bg--bs-tertiary-bg-rgb
|
|
| Emphasis — Pro text s vyšším kontrastem. Nelze použít pro pozadí. |
|
--bs-emphasis-color--bs-emphasis-color-rgb
|
| Border — Pro ohraničení komponent, rozdělovače a pravidla. |
|
--bs-border-color--bs-border-color-rgb
|
| Primary — Hlavní barva motivu, která se používá pro hypertextové odkazy, styly zaměření a aktivní stavy komponent a formulářů. |
|
--bs-primary--bs-primary-rgb
|
|
|
--bs-primary-bg-subtle
|
|
|
|
--bs-primary-border-subtle
|
|
| Success — Tématická barva používaná pro pozitivní nebo úspěšné akce a informace. |
|
--bs-success--bs-success-rgb
|
|
|
--bs-success-bg-subtle
|
|
|
|
--bs-success-border-subtle
|
|
| Danger — Barva motivu se používá pro chyby a nebezpečné akce. |
|
--bs-danger--bs-danger-rgb
|
|
|
--bs-danger-bg-subtle
|
|
|
|
--bs-danger-border-subtle
|
|
| Warning — Barva motivu použitá pro nedestruktivní výstražné zprávy. |
|
--bs-warning--bs-warning-rgb
|
|
|
--bs-warning-bg-subtle
|
|
|
|
--bs-warning-border-subtle
|
|
| Info — Barva tématu se používá pro neutrální a informativní obsah. |
|
--bs-info--bs-info-rgb
|
|
|
--bs-info-bg-subtle
|
|
|
|
--bs-info-border-subtle
|
|
| Light — Další možnost motivu pro méně kontrastní barvy. |
|
--bs-light--bs-light-rgb
|
|
|
--bs-light-bg-subtle
|
|
|
|
--bs-light-border-subtle
|
|
| Dark — Další možnost motivu pro kontrastnější barvy. |
|
--bs-dark--bs-dark-rgb
|
|
|
--bs-dark-bg-subtle
|
|
|
|
--bs-dark-border-subtle
|