Farben können im PS.Content #Portal über benannte Farben (black, white, red, green), über HTML Farbwerte (#000, #fff, #ABCDEF) oder über Style-Properties (--footer-color, --link-focus-color) angegeben werden.
Style-Properties
Folgende Properties stehen aktuell zur Verfügung.
Nutzung in einem Farbfeld: var(--primary-color)
| Name | Beschreibung |
|---|---|
| --body-color | Forderundfarbe des normalen Text |
| --body-bg | Hintergrundfarbe |
| --primary-color | 1. Akzentfarbe |
| --highlight-color | 2. Akzentfarbe |
| --dark-gray | Dunkles Grau |
| --light-gray | Helles Grau |
| --loading-bar-color | Farbe des Ladebalkens |
| --link-color | Farbe eines nicht geklickten Links |
| --link-hover-color | Farbe eines hervorgehobenen Links (Maus-Over) |
| --link-focus-color | Farbe eines markierten Links |
| --footer-color | Vordergrundfarbe der Fußleiste |
| --footer-background-color | Hintergrundfarbe der Fußleiste |
| --infobox-background | Hintergrundfarbe der Infobox |
| --navigation-l1-color | Farben Navigation: Haupebene |
| --navigation-l1-background-color | Farben Navigation: Haupebene |
| --navigation-l1-hover-color | Farben Navigation: Haupebene |
| --navigation-l1-hover-background-color | Farben Navigation: Haupebene |
| --navigation-l2-color | Farben Navigation: Sekundärebene |
| --navigation-l2-background-color | Farben Navigation: Sekundärebene |
| --navigation-l2-hover-color | Farben Navigation: Sekundärebene |
| --navigation-l2-hover-background-color | Farben Navigation: Sekundärebene |