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.

Chapitre 4 · Pour les super-admins · Theme

Couleurs

La couleur de la marque et ses teintes dérivées façonnent l'ensemble de l'apparence.

Pourquoi c'est important

La couleur est le facteur de reconnaissance le plus rapide d'une marque. Une couleur de marque harmonieuse fait paraître CAMPUS comme une partie naturelle de votre entreprise ; un mauvais contraste, en revanche, rend les textes illisibles et exclut des personnes.

Ce que c'est

Sous Paramètres → System → Theme, vous définissez la couleur de la marque ; les teintes des boutons, liens et statuts en dérivent.

Concrètement

Concrètement
  1. Ouvrir⚙ → System → Theme.
  2. Couleur de marquela définir ; vérifier les teintes dérivées.
  3. Vérifier le contrasteLe texte doit rester lisible partout.
  4. Enregistrers'applique immédiatement à tous.

À quoi veiller

  • Contraste/accessibilité à respecter (objectif : WCAG-AA, contraste ≥ 4,5:1 pour le texte).
  • Une couleur de marque claire a plus d'effet que plusieurs.

Dépannage

Un texte blanc sur un bouton clair est à peine lisible.

Choisissez une couleur de marque plus foncée ou ajustez la couleur du texte — vérifiez le contraste par rapport à la couleur de fond.

La couleur ne prend pas effet après l'enregistrement.

Videz le cache du navigateur ou rechargez la page ; les modifications de thème prennent effet immédiatement, mais le navigateur conserve d'anciens états.

En lien

👉

Suite : Logo.

Rozdział 4 · Dla super-adminów · Theme

Kolory

Kolor marki i wywodzące się z niego odcienie kształtują cały wygląd.

Dlaczego to ważne

Kolor to najszybszy element rozpoznawalności marki. Spójny kolor marki sprawia, że CAMPUS wygląda jak naturalna część Twojej firmy; zły kontrast natomiast czyni teksty nieczytelnymi i wyklucza ludzi.

Co to jest

W Ustawienia → System → Theme ustawiasz kolor marki; z niego wywodzą się odcienie dla przycisków, linków i statusów.

Jak to zrobić konkretnie

Jak to zrobić konkretnie
  1. Otwórz⚙ → System → Theme.
  2. Kolor markiustaw; sprawdź wywiedzione odcienie.
  3. Sprawdź kontrastTekst musi wszędzie pozostać czytelny.
  4. Zapiszdziała natychmiast dla wszystkich.

Na co zwracać uwagę

  • Kontrast/dostępność uwzględnij (cel: WCAG-AA, kontrast ≥ 4,5:1 dla tekstu).
  • Jeden wyrazisty kolor marki działa mocniej niż wiele.

Rozwiązywanie problemów

Biały tekst na jasnym przycisku jest ledwo czytelny.

Wybierz ciemniejszy kolor marki lub dostosuj kolor tekstu — sprawdź kontrast względem koloru tła.

Kolor nie działa po zapisaniu.

Wyczyść pamięć podręczną przeglądarki lub odśwież stronę; zmiany theme działają natychmiast, ale przeglądarka trzyma stare stany.

Powiązane

👉

Dalej: Logo.

Capitolo 4 · Per i Super-Admin · Theme

Colori

Il colore del marchio e i suoi toni derivati caratterizzano l'intero aspetto.

Perché è importante

Il colore è il valore di riconoscibilità più rapido di un marchio. Un colore del marchio armonioso fa apparire CAMPUS come una parte naturale della Sua azienda; un contrasto scadente, al contrario, rende i testi illeggibili ed esclude le persone.

Che cos'è

In Impostazioni → System → Theme imposta il colore del marchio; da esso derivano i toni per pulsanti, link e stati.

Come procedere in concreto

Come procedere in concreto
  1. Aprire⚙ → System → Theme.
  2. Colore del marchioimpostare; verificare i toni derivati.
  3. Verificare il contrastoIl testo deve rimanere leggibile ovunque.
  4. Salvareagisce immediatamente per tutti.

A cosa prestare attenzione

  • Contrasto/accessibilità da considerare (obiettivo: WCAG-AA, contrasto ≥ 4,5:1 per il testo).
  • Un chiaro colore del marchio è più efficace di molti.

Risoluzione dei problemi

Il testo bianco su un pulsante chiaro è appena leggibile.

Scegliere un colore del marchio più scuro o adattare il colore del testo — verificare il contrasto rispetto al colore di sfondo.

Il colore non ha effetto dopo il salvataggio.

Svuotare la cache del browser o ricaricare la pagina; le modifiche al Theme hanno effetto immediato, ma il browser conserva gli stati precedenti.

Argomenti correlati

👉

Avanti: Logo.

Hoofdstuk 4 · Voor super-admins · Theme

Kleuren

De merkkleur en de daarvan afgeleide tinten bepalen het hele uiterlijk.

Waarom het belangrijk is

Kleur is de snelste herkenningswaarde van een merk. Een samenhangende merkkleur laat CAMPUS aanvoelen als een natuurlijk onderdeel van uw bedrijf; een slecht contrast daarentegen maakt teksten onleesbaar en sluit mensen uit.

Wat het is

Onder Instellingen → System → Theme stelt u de merkkleur in; daaruit worden tinten voor buttons, links en statussen afgeleid.

Zo werkt het concreet

Zo werkt het concreet
  1. Openen⚙ → System → Theme.
  2. Merkkleurinstellen; afgeleide tinten controleren.
  3. Contrast controlerenTekst moet overal leesbaar blijven.
  4. Opslaanwerkt meteen voor iedereen.

Waar u op moet letten

  • Contrast/toegankelijkheid in acht nemen (doel: WCAG-AA, contrast ≥ 4,5:1 voor tekst).
  • Eén duidelijke merkkleur werkt sterker dan vele.

Troubleshooting

Witte tekst op een lichte button is nauwelijks leesbaar.

Merkkleur donkerder kiezen of de tekstkleur aanpassen — contrast tegen de achtergrondkleur controleren.

De kleur werkt niet na het opslaan.

Browsercache legen of de pagina opnieuw laden; themawijzigingen slaan meteen aan, maar de browser houdt oude standen vast.

Verwant

👉

Verder: Logo.

Capitolul 4 · Pentru super-admini · Theme

Culori

Culoarea de brand și nuanțele derivate din ea marchează întregul aspect vizual.

De ce este important

Culoarea este cel mai rapid element de recunoaștere al unui brand. O culoare de brand coerentă face ca CAMPUS să pară o parte naturală a companiei dumneavoastră; în schimb, un contrast slab face textele ilizibile și exclude oameni.

Ce este

Sub Setări → System → Theme setați culoarea de brand; din ea se derivă nuanțe pentru butoane, linkuri și stări.

Cum se face concret

Cum se face concret
  1. Deschideți⚙ → System → Theme.
  2. Culoarea de brandsetați-o; verificați nuanțele derivate.
  3. Verificați contrastulTextul trebuie să rămână lizibil peste tot.
  4. Salvațiare efect imediat pentru toți.

La ce să fiți atenți

  • Contrast/accesibilitate de luat în seamă (țintă: WCAG-AA, contrast ≥ 4,5:1 pentru text).
  • O culoare de brand clară are un efect mai puternic decât multe.

Troubleshooting

Textul alb pe un buton deschis este greu de citit.

Alegeți o culoare de brand mai închisă sau ajustați culoarea textului — verificați contrastul față de culoarea de fundal.

Culoarea nu are efect după salvare.

Goliți cache-ul browserului, respectiv reîncărcați pagina; modificările Theme au efect imediat, dar browserul păstrează stările vechi.

Înrudite

👉

Mai departe: Logo.

Κεφάλαιο 4 · Για Super-Admins · Theme

Χρώματα

Το χρώμα της μάρκας και οι παραγόμενες αποχρώσεις του διαμορφώνουν όλη τη συνολική εμφάνιση.

Γιατί είναι σημαντικό

Το χρώμα είναι η ταχύτερη αξία αναγνωρισιμότητας μιας μάρκας. Ένα αρμονικό χρώμα μάρκας κάνει το CAMPUS να μοιάζει με φυσικό μέρος της εταιρείας σας· μια κακή αντίθεση, αντιθέτως, καθιστά τα κείμενα δυσανάγνωστα και αποκλείει ανθρώπους.

Τι είναι

Στην ενότητα Ρυθμίσεις → System → Theme ορίζετε το χρώμα της μάρκας· από αυτό παράγονται αποχρώσεις για κουμπιά, συνδέσμους και καταστάσεις.

Έτσι γίνεται στην πράξη

Έτσι γίνεται στην πράξη
  1. Άνοιγμα⚙ → System → Theme.
  2. Χρώμα μάρκαςορίστε το· ελέγξτε τις παραγόμενες αποχρώσεις.
  3. Έλεγχος αντίθεσηςΤο κείμενο πρέπει να παραμένει παντού αναγνώσιμο.
  4. Αποθήκευσηισχύει αμέσως για όλους.

Τι να προσέξετε

  • Αντίθεση/προσβασιμότητα λάβετε υπόψη (στόχος: WCAG-AA, αντίθεση ≥ 4,5:1 για κείμενο).
  • Ένα σαφές χρώμα μάρκας έχει μεγαλύτερη επίδραση από πολλά.

Troubleshooting

Το λευκό κείμενο σε ανοιχτόχρωμο κουμπί είναι δυσανάγνωστο.

Επιλέξτε σκουρότερο χρώμα μάρκας ή προσαρμόστε το χρώμα του κειμένου — ελέγξτε την αντίθεση σε σχέση με το χρώμα φόντου.

Το χρώμα δεν έχει αποτέλεσμα μετά την αποθήκευση.

Καθαρίστε την προσωρινή μνήμη του προγράμματος περιήγησης ή ανανεώστε τη σελίδα· οι αλλαγές Theme ισχύουν αμέσως, αλλά το πρόγραμμα περιήγησης κρατά παλιές εκδόσεις.

Σχετικά

👉

Συνέχεια: Λογότυπο.

الفصل 4 · للمشرفين العامّين · Theme

الألوان

يطبع لون العلامة والدرجات المشتقة منه المظهر العام بأكمله.

لماذا يهم

اللون هو أسرع قيمة تمييز للعلامة. لون علامة متناغم يجعل CAMPUS يبدو جزءًا طبيعيًا من شركتك؛ أما التباين السيئ فيجعل النصوص غير مقروءة ويقصي الناس.

ما هو

تحت Einstellungen → System → Theme تضبط لون العلامة؛ ومنه تُشتق درجات للأزرار والروابط والحالات.

كيف يتم ذلك عمليًا

كيف يتم ذلك عمليًا
  1. الفتح⚙ → System → Theme.
  2. لون العلامةاضبطه؛ وتحقق من الدرجات المشتقة.
  3. فحص التباينيجب أن يبقى النص مقروءًا في كل مكان.
  4. الحفظيسري فورًا للجميع.

ما ينبغي الانتباه له

  • التباين/إمكانية الوصول يجب مراعاتها (الهدف: WCAG-AA، تباين ≥ 4٫5:1 للنص).
  • لون علامة واحد واضح أقوى أثرًا من ألوان كثيرة.

حل المشكلات

نص أبيض على زر فاتح بالكاد يُقرأ.

اختر لون علامة أغمق أو عدّل لون النص — تحقق من التباين مقابل لون الخلفية.

اللون لا يظهر بعد الحفظ.

امسح ذاكرة تخزين المتصفح المؤقتة أو أعد تحميل الصفحة؛ تغييرات Theme تسري فورًا، لكن المتصفح يحتفظ بالحالات القديمة.

ذات صلة

👉

التالي: Logo.

第 4 章 · 面向超级管理员 · Theme

颜色

品牌色及其衍生色调塑造着整体的视觉形象。

为什么重要

颜色是一个品牌最快的识别要素。协调的品牌色让 CAMPUS 看起来像您公司的自然组成部分；而糟糕的对比度则会让文字无法阅读并将部分人群排除在外。

是什么

在设置 → System → Theme 下，您设定品牌色；由此衍生出用于按钮、链接和状态的色调。

具体操作

具体操作
  1. 打开⚙ → System → Theme。
  2. 品牌色进行设置；检查衍生色调。
  3. 检查对比度文字必须处处可读。
  4. 保存立即对所有人生效。

注意事项

  • 注意对比度/无障碍（目标：WCAG-AA，文字对比度 ≥ 4.5:1）。
  • 一种清晰的品牌色比多种更有力。

故障排除

浅色按钮上的白色文字几乎无法阅读。

将品牌色选得更深，或调整文字颜色——检查与背景色的对比度。

保存后颜色未生效。

清除浏览器缓存或重新加载页面；Theme 更改会立即生效，但浏览器保留了旧状态。

相关内容

👉

继续：Logo。