Kleuren en lettertypen

Kleuren

Configureer kleuren via Bannerbouwer → Uiterlijk → Kleuren.

CSS-variabelen

ConsentForge biedt CSS-aangepaste eigenschappen die u kunt overschrijven in uw aangepaste CSS:

Variabele	Standaard	Beschrijving
--cf-color-primary	#1B3A4B	Primaire actie-kleur (knop Accepteren)
--cf-color-secondary	#6B7280	Secundaire actie-kleur (knop Weigeren)
--cf-color-background	#FFFFFF	Bannerachtergrond
--cf-color-text	#111827	Hoofdtekst
--cf-color-text-muted	#6B7280	Secundaire tekst
--cf-color-border	#E5E7EB	Randkleur
--cf-color-overlay	rgba(0,0,0,0.5)	Achtergrond van modaal venster

Donkere modus

ConsentForge volgt automatisch de prefers-color-scheme-mediaquery van de bezoeker. Stel data-theme="auto" (standaard) in uw insluitfragment in, of forceer data-theme="light" / data-theme="dark".

Lettertypen

Standaard erft de banner het lettertype van de hoofdtekst van uw website via font-family: inherit.

Om een specifiek lettertype te gebruiken:

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

Of configureer via Bannerbouwer → Uiterlijk → Lettertype.

Lettergrootte

Variabele	Standaard
--cf-font-size-base	14px
--cf-font-size-title	16px
--cf-font-size-small	12px