Farben & Schriftarten

Farben

Konfigurieren Sie Farben unter Banner Builder → Erscheinungsbild → Farben.

CSS-Variablen

ConsentForge stellt CSS-Benutzereigenschaften zur Verfügung, die Sie in Ihrem benutzerdefinierten CSS überschreiben können:

Variable	Standard	Beschreibung
--cf-color-primary	#1B3A4B	Primäre Aktionsfarbe (Akzeptieren-Schaltfläche)
--cf-color-secondary	#6B7280	Sekundäre Aktionsfarbe (Ablehnen-Schaltfläche)
--cf-color-background	#FFFFFF	Banner-Hintergrund
--cf-color-text	#111827	Textkörper
--cf-color-text-muted	#6B7280	Sekundärer Text
--cf-color-border	#E5E7EB	Rahmenfarbe
--cf-color-overlay	rgba(0,0,0,0.5)	Modal-Hintergrund

Dunkelmodus

ConsentForge folgt automatisch der prefers-color-scheme-Medienabfrage des Besuchers. Setzen Sie data-theme="auto" (Standard) in Ihrem Einbettungscode, oder erzwingen Sie data-theme="light" / data-theme="dark".

Schriftarten

Standardmäßig übernimmt das Banner die Schriftart Ihrer Website über font-family: inherit.

Um eine bestimmte Schriftart zu verwenden:

/* In Ihrem benutzerdefinierten CSS */
.cf-banner {
  font-family: 'Inter', sans-serif;
}

Oder konfigurieren Sie sie unter Banner Builder → Erscheinungsbild → Schriftart.

Schriftgröße

Variable	Standard
--cf-font-size-base	14px
--cf-font-size-title	16px
--cf-font-size-small	12px