1 Erscheinungsbild
Daniel Heinze | ho.Systeme GmbH + Co. KG edited this page 2026-10-25 14:18:53 +01:00
This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

Erscheinungsbild

Unter Einstellungen → Erscheinungsbild (Admin) stehen:

  • Name und Zusatz der Marke, Fußzeile und Rechtliches
  • Standardmodus (hell/dunkel) und Seitenbreite
  • Farben je für hell und dunkel
  • Hintergrund
  • eigenes CSS

Farben

Ohne eigene Farben gilt eine neutrale Grundpalette in Grautönen (hell und dunkel), auch auf der Anmeldeseite. Das Feld „Farbschema“ füllt die Farbtabelle mit einer Vorlage:

Schema Wirkung
Neutral (Grautöne, Standard) speichert nichts – es gilt die Grundpalette
Neutral (Schiefer, leicht blau) füllt die Farben für hell und dunkel

Einzelne Farben lassen sich danach noch ändern; die Auswahl zeigt dann „eigene Farben“. Bei „Vorgabe“ zeigen die Farbfelder die tatsächlich geltende neutrale Farbe.

Hintergrund

  • Verlauf aus Leit- und Zweitfarbe (Vorgabe)
  • einfarbig
  • eigenes Bild (JPEG, PNG, WebP bis 5 MB)

„Bild abdecken“ regelt, wie stark die Hintergrundfarbe über dem Bild liegt. Der Hintergrund gilt auch für die Anmeldeseite und steht auf dem Telefon still.

Technisch

  • Gerüst, Schriften und Bausteine kommen aus dem ho.Systeme-Design-System in tool-defaults (public/assets/css/ho-base.css, Symbolsatz, Kopf- und Fußzeile aus public/assets/ho/kopf-fuss.js), die Farben nicht: public/assets/css/base.css ersetzt die Farb-Tokens durch die neutrale Grundpalette.
  • Die eingestellten Farben wirken über /theme.css (tool-defaults branding.js) und gewinnen gegen die Grundpalette. Eigenes CSS kommt als /anpassung.css zuletzt.
  • Die Grundpalette steht zweimal: in base.css und als FARBEN_NEUTRAL in public/js/app.js – bei Änderungen beide anpassen.
  • Hintergrund und eigenes CSS stehen in daten.einstellungen.anpassung. Ein eigenes Bild liegt als hintergrund.bild neben der Datendatei und wird unter /hintergrund-bild ausgeliefert (auch ohne Anmeldung, für die Anmeldeseite).
  • /anpassung.css legt den Hintergrund in eine fixierte Ebene statt auf <html>, weil iOS background-attachment: fixed nicht kann.