Farben & Schriften

Farben

Konfigurieren Sie Farben unter Banner Builder → Erscheinungsbild → Farben.

CSS-Variablen

ConsentForge stellt CSS Custom Properties bereit, die Sie in Ihrem benutzerdefinierten CSS überschreiben können:

Variable	Standard	Beschreibung
--cf-color-primary	#1B3A4B	Primäre Aktionsfarbe (Schaltfläche „Akzeptieren")
--cf-color-secondary	#6B7280	Sekundäre Aktionsfarbe (Schaltfläche „Ablehnen")
--cf-color-background	#FFFFFF	Banner-Hintergrund
--cf-color-text	#111827	Fließtext
--cf-color-text-muted	#6B7280	Sekundärtext
--cf-color-border	#E5E7EB	Rahmenfarbe
--cf-color-overlay	rgba(0,0,0,0.5)	Modal-Hintergrundfolie

Dunkelmodus

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

Schriften

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

Um eine bestimmte Schrift zu verwenden:

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

Oder konfigurieren Sie dies unter Banner Builder → Erscheinungsbild → Schrift.

Schriftgröße

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