Kapitel 4 · Für Super-Admins · Theme

Farben

Die Markenfarbe und ihre abgeleiteten Töne prägen das gesamte Erscheinungsbild.

Warum es wichtig ist

Farbe ist der schnellste Wiedererkennungswert einer Marke. Eine stimmige Markenfarbe lässt CAMPUS wie ein natürlicher Teil Ihres Unternehmens wirken; ein schlechter Kontrast dagegen macht Texte unlesbar und schließt Menschen aus.

Was es ist

Unter Einstellungen → System → Theme setzen Sie die Markenfarbe; daraus leiten sich Töne für Buttons, Links und Status ab.

So geht's konkret

So geht's konkret
  1. Öffnen⚙ → System → Theme.
  2. Markenfarbesetzen; abgeleitete Töne prüfen.
  3. Kontrast prüfenText muss überall lesbar bleiben.
  4. Speichernwirkt sofort für alle.

Worauf achten

  • Kontrast/Barrierefreiheit beachten (Ziel: WCAG-AA, Kontrast ≥ 4,5:1 für Text).
  • Eine klare Markenfarbe wirkt stärker als viele.

Troubleshooting

Weißer Text auf hellem Button ist kaum lesbar.

Markenfarbe dunkler wählen oder die Textfarbe anpassen — Kontrast gegen die Hintergrundfarbe prüfen.

Die Farbe wirkt nach dem Speichern nicht.

Browser-Cache leeren bzw. Seite neu laden; Theme-Änderungen greifen sofort, aber der Browser hält alte Stände.

Verwandtes

👉

Weiter: Logo.

Chapter 4 · For super admins · Theme

Colours

The brand colour and its derived tones shape the entire appearance.

Why it matters

Colour is the fastest recognition cue of a brand. A coherent brand colour makes CAMPUS feel like a natural part of your company; poor contrast, on the other hand, makes text unreadable and excludes people.

What it is

Under Settings → System → Theme you set the brand colour; from it tones for buttons, links and status are derived.

Step by step

Step by step
  1. Open⚙ → System → Theme.
  2. Brand colourset it; check the derived tones.
  3. Check contrasttext must stay readable everywhere.
  4. Savetakes effect immediately for everyone.

What to watch

  • Mind contrast/accessibility (target: WCAG-AA, contrast ≥ 4.5:1 for text).
  • One clear brand colour is stronger than many.

Troubleshooting

White text on a light button is barely readable.

Choose a darker brand colour or adjust the text colour — check the contrast against the background colour.

The colour has no effect after saving.

Clear the browser cache or reload the page; theme changes take effect immediately, but the browser keeps old states.

Related

👉

Next: Logo.