Colors
Podem utilitzar els colors principals amb les classes CSS .c-{color} pels colors
del text i .bg-{color} pels colors de fons. A més de les classes de colors de
Bootstrap es defineixen
unes classes per la paleta de colors corporatius.
També es defineixen varis colors temàtics corporatius que depènen de l'àmbit temàtic de cada web.
Temes: esquemes de colors
Pots canviar el color del teu menú secundari i de tots els enllaços del contingut simplement afegint al
body o a algun element superior la classe class=".theme-color{color}".
.theme-color1
.theme-color2
.theme-color3
.theme-color4
.theme-color5
.theme-color6
.theme-color7
.theme-color8
.theme-color9
.theme-color10
.theme-color11
.theme-color12
.theme-color13
.theme-color14
.theme-color15
.theme-color16
.theme-color17
Accessibilitat i aplicació dels colors
No tota combinació de colors de text + fons són vàlids, el contrast mínim ha de ser:
- 4,5:1 pel text normal
- 3:1 pel text gran: 18pt (aprox. 1.5rem o 24px) o 14pt+negreta (aprox. 1.2rem o 19px)
Pots utilitzar la classe fs-4 per augmentar la mida de la font a 24px o les
classes fs-5 fw-semibold per augmentar la font a 20px+negreta per
poder complir el contrast 3:1 enlloc del 4,5:1.
Exemples d'aplicacions vàlides i invàlides segons el compliment d'accessibilitat AA: