Colori e Caratteri
Colori
Configurate i colori in Costruttore Banner → Aspetto → Colori.
Variabili CSS
ConsentForge espone proprietà CSS personalizzate che potete sovrascrivere nel vostro CSS personalizzato:
| Variabile | Predefinita | Descrizione |
|---|---|---|
--cf-color-primary | #1B3A4B | Colore dell'azione principale (pulsante Accetta) |
--cf-color-secondary | #6B7280 | Colore dell'azione secondaria (pulsante Rifiuta) |
--cf-color-background | #FFFFFF | Sfondo del banner |
--cf-color-text | #111827 | Testo del corpo |
--cf-color-text-muted | #6B7280 | Testo secondario |
--cf-color-border | #E5E7EB | Colore del bordo |
--cf-color-overlay | rgba(0,0,0,0.5) | Sfondo del modal |
Modalità scura
ConsentForge segue automaticamente la media query prefers-color-scheme del visitatore. Impostate data-theme="auto" (predefinito) nel vostro snippet di incorporamento, oppure forzate data-theme="light" / data-theme="dark".
Caratteri
Per impostazione predefinita, il banner eredita il carattere del corpo del vostro sito web tramite font-family: inherit.
Per usare un carattere specifico:
/* Nel vostro CSS personalizzato */
.cf-banner {
font-family: 'Inter', sans-serif;
}
Oppure configurate in Costruttore Banner → Aspetto → Carattere.
Dimensione del carattere
| Variabile | Predefinita |
|---|---|
--cf-font-size-base | 14px |
--cf-font-size-title | 16px |
--cf-font-size-small | 12px |