Farben

TIP

Zugehörige SASS Datei ist _colors.scss.

Primärfarben

Blau
#09308b
Grau
#f2f2f2

SASS Variablen

$color-primary-blue: #09308b;
$color-primary-gray: #f2f2f2;

Hintergrund

.itz-bg-primary-blue 
.itz-bg-primary-gray 

Text

.itz-txt-primary-blue 
.itz-txt--primary-gray

Border

.itz-bc-primary-blue 
.itz-bc-primary-gray 

Sekundärfarben

Grau
#c4c4c4
Grau (AA)
#6d6d6d
Blau
#0f62bd

SASS Variablen

$color-secondary-gray: #c4c4c4;
$color-secondary-gray-AA: #6d6d6d;
$color-secondary-blue: #0f62bd;

Hintergrund

.itz-bg-secondary-gray
.itz-bg-secondary-gray-AA
.itz-bg-secondary-blue

Text

.itz-txt-secondary-gray
.itz-txt-secondary-gray-AA
.itz-txt-secondary-blue

Border

.itz-bc-secondary-gray
.itz-bc-secondary-gray-AA
.itz-bc-secondary-blue 

Weitere Farben

Rot
#dc3545
Gelb
#ffc107
Grün
#28a745
Dunkel
#262627
Hell
#ffffff

SASS Variablen

$color-red: #dc3545;
$color-yellow: #ffc107;
$color-green: #28a745;
$color-dark: #262627;
$color-light: #ffffff;

Hintergrund

.itz-bg-red
.itz-bg-yellow
.itz-bg-green
.itz-bg-dark
.itz-bg-light

Text

.itz-txt-red
.itz-txt-yellow
.itz-txt-green
.itz-txt-dark
.itz-txt-light

Border

.itz-bc-red
.itz-bc-yellow
.itz-bc-green
.itz-bc-dark
.itz-bc-light