zurück zur Übersicht
Hauptfarben ($colors Map)
scirocco
#6A7A71
menus
haze
#F7F8F6
outer boundary
twilight
#F5F5EB
gradient
satin
#E6E6D7
trennlinie
gumleaf
#AFC8B9
allgemein
limette
#D2DC3C
natur
purple
#918CC3
gemeinschaft
sage
#9BA578
krise
rust
#D7733C
körper
steelblue
#78b4b9
stahlblau
ochre
#e6be28
ocker
green
#69b98c
grün
pink
#e89382
rosa
lite
#fff
white
dark
#000
black
Theme Colors 2 ($theme-colors2 Map)
theme-color-0
#F7F8F6
default
theme-color-1
#EDF3E8
helles grün
theme-color-2
#99C0AD
dunkelgrün
theme-color-3
#F8F9E1
gelbgruen
theme-color-4
#EDF3E8
olivegruen
theme-color-5
#FBE5DF
orange
theme-color-6
#EBEDFF
violett
Theme Colors ($theme-colors Map)
Abweichende Farbwerte für spezielle Themes:
scirocco
#6A7A71
menus
haze
#F7F8F6
boundary
twilight
#F5F5EB
gradient
satin
#E6E6D7
trennlinie
gumleaf
#AFC8B9
allgemein
limette
#F8F9E1
natur (hell)
purple2
#EBEDFF
gemeinschaft
sage
#EDF3E8
krise (hell)
rust
#FBE5DF
körper (hell)
steelblue
#78b4b9
stahlblau
ochre
#e6be28
ocker
green
#69b98c
grün
pink
#e89382
rosa
lite
#fff
white
dark
#000
black
Text Colors ($text-colors Map)
Spezielle Textfarben-Varianten:
gumleaf
#6A7A71
limette
#6F7755
purple
#6A6793
sage
#6B7016
rust
#B45F2C
steelblue
#78b4b9
ochre
#e6be28
green
#69b98c
pink
#e89382
Nur Textfarben
Keine Hintergrundfarben
Theme System - Automatische Funktionen
Intelligente Farbwechsel mit einem Container:
.theme-scirocco .bg-theme
Nutzt automatisch scirocco Farbe
.theme-scirocco .bg-contrast-theme
Automatischer Kontrast
.theme-limette .bg-theme
Wechselt automatisch zu limette
.theme-limette .bg-contrast-theme
Automatischer Kontrast
.theme-purple .bg-theme
Purple Theme aktiviert
.theme-purple .bg-contrast-theme
Automatischer Kontrast zu purple
Alle verfügbaren CSS-Klassen
Moderne Theme-Farben:
.bg-scirocco, .bg-haze, .bg-twilight, .bg-satin
.bg-gumleaf, .bg-limette, .bg-purple, .bg-sage
.bg-rust, .bg-steelblue, .bg-ochre, .bg-green
.bg-pink, .bg-lite, .bg-dark
Theme Container:
.theme-[farbe] (setzt Theme-Kontext)
Automatische Klassen:
.bg-theme (aktuelle Theme-Farbe)
.fg-theme (Theme-Textfarbe)
.bg-contrast (automatischer Kontrast)
.fg-contrast (automatische Kontrastfarbe)
Legacy (falls noch verwendet):
.bg-primary-color-1 bis .bg-primary-color-6
.bg-grey-1 bis .bg-grey-4
zurück zur Übersicht