Das neue Child Template bringt einige Farbeinstellungen:

  • Header-Hintergrundfarbe
  • Farbe des Kopfzeilentextes
  • Haupttext Hintergrundfarbe
  • Farbe des Haupttextes
  • Farbe der Links
  • Farbe der Links im Hover-Zustand
  • Hintergrundfarbe der primären Schaltfläche
  • Hintergrundfarbe der primären Schaltfläche im Hover-Zustand
  • Farbe des primären Textes der Schaltfläche
  • Farbe des primären Textes der Schaltfläche im Hover-Zustand
  • Footer-Hintergrundfarbe
  • Farbe des Fußzeilentextes

Farbsettings in Backend

Die Farben werden als CSS-Variablen angelegt und können dementsprechend in der user.css verwendet werden:

:root {
  --body-bg: rgb(254, 254, 254);
  --body-color: rgb(23, 23, 23);
  --btnbg: rgb(206, 60, 55);
  --btnbgh: rgb(131, 35, 32);
  --btncolor: rgb(254, 254, 254);
  --btncolorh: rgb(254, 254, 254);
  --footerbg: rgb(29, 121, 137);
  --footercolor: rgb(254, 254, 254);
  --headerbg: rgb(193, 205, 207);
  --headercolor: rgb(23, 23, 23);
  --link-color: rgb(29, 121, 137);
  --link-hover-color: rgb(14, 59, 67);
}