Színek

A Bootstrap-et egy kiterjedt színrendszer támogatja, amellyel

stílusainkat és komponenseinket testreszabást teszi lehetővé
bármely projekt számára.
Vannak alapértelmezett színek amiket használhatunk ezek.

● Body ● Success
● Secondary ● Danger
● Tertiary ● Warning
● Emphasis ● Info
● Border ● Light
● Primary ● Dark
● Body: ez az alapértelmezett előtér és háttér szín attól fűgöen
hogy hol használjuk fekete vagy fehért
● Secondary: Ez egy lágyabb színt eredményez
● Tertiary: Még lágyabb színeket eredményez
● Emphasis nagyobb kontrasztú szöveghez való nincs
háttérszíne

Body Secondary Tertiary Emphasis

● Border: komponensek szegélyéhez való van egy átlácó
változata ha -translucent végződést kap
● Primary: ez az elsődleges szín amit a komponensek
használnak
● Success: Ezt a színt sikeres dolgokhoz szokás használni
● Danger: Hibák vagy veszélyes dolgok jelelésére való

Border
● Warning: figyelmeztetésre való
● Info: informáccó jelzésére való
● Light: kevésbé kontrasztos színekhez
● Dark: kontrasztosabb színekhez
Színek használata

● Css class-okon keresztül és css változokón

keresztűl használhatóak
– bg-[szín]-[változat] class segítségével tehetjük
elemekre
– Uganijen nevű css változókén is hivatkozhatunk rá
opcionásian kaphat -rgb végződést ha az rgb kód
kell
Színmódok
A Bootstrap a v5.3.0-tól kezdve támogatja a színmódokat és
bootstrap színei automatikusan alkalmazkodnak hozzá hogy
olvasható legyen a dokumentumunk.
● Alapból van sötét és világos mód de ha szeretnék akkor létre
is hozhatunk sajátot.
● A szin módokat az egész dokumentumra vagy egyes
elemekre is alkalmazhatjuk a data-bs-theme="módnév"
osztály alkalmazásával
Színek felülírása
Felülírhatjuk a css alapértelmezett színeit a
minta alapján