Kleuren & Lettertypen
Kleuren
Configureer kleuren in Banner Builder → 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 (Accepteer-knop) |
--cf-color-secondary | #6B7280 | Secundaire actie kleur (Weiger-knop) |
--cf-color-background | #FFFFFF | Bannerachtergrond |
--cf-color-text | #111827 | Bodytekst |
--cf-color-text-muted | #6B7280 | Secundaire tekst |
--cf-color-border | #E5E7EB | Randkleur |
--cf-color-overlay | rgba(0,0,0,0.5) | Modale achtergrond |
Donkere modus
ConsentForge volgt automatisch de prefers-color-scheme media query 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 body-lettertype 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 in Banner Builder → Uiterlijk → Lettertype.
Lettertype-grootte
| Variabele | Standaard |
|---|---|
--cf-font-size-base | 14px |
--cf-font-size-title | 16px |
--cf-font-size-small | 12px |