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