Colors

Els colors ajuden a transmetre informació i a destacar alguns continguts.

La paleta de colors UVic

Nom	Significat	Color
Primary	color corporatiu	Vermell de la UVic
Success	operació correcta	Verd
Info	informació	Blau
Warning	advertència	Vermell
White		Blanc

Com es modifiquen els colors dels elements

Color de text

Per canviar el color del text d'un element, cal afegir-hi la classe "text-" seguida del nom del color que hi volem afegir (sense majúscula).

Si no saps què són les classes HTML, revisa la secció de classes HTML.

Per exemple:

<p class="text-primary">Aquest text és de color vermell corporatiu.</p>
<p class="text-success">Aquest text és de color verd.</p>
<p class="text-info">Aquest text és de color blau.</p>

Color de fons

En alguns casos, com al node del calendari universitari, et pot interessar canviar el color de fons de un element.

Per canviar el color de fons d'un element, cal afegir-hi la classe "bg-" seguida del nom del color (sense majúscula). També cal afegir-hi la classe classe "text-white" perquè el text sigui blanc (i llegible).

Si no saps què són les classes HTML, revisa la secció de classes HTML.

Per exemple:

<p class="text-white bg-primary">Aquest paràgraf té el fons vermell corporatiu i el text blanc.</p>
<p class="text-white bg-success">Aquest paràgraf té el fons verd i el text blanc.</p>
<p class="text-white bg-info">Aquest paràgraf té el fons blau i el text blanc.</p>