Colori e Font

Colori

Configura i colori in Banner Builder → Aspetto → Colori.

Variabili CSS

ConsentForge espone proprietà personalizzate CSS che puoi sovrascrivere nel tuo CSS personalizzato:

Variabile	Default	Descrizione
--cf-color-primary	#1B3A4B	Colore azione principale (pulsante Accetta)
--cf-color-secondary	#6B7280	Colore 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 bordo
--cf-color-overlay	rgba(0,0,0,0.5)	Sfondo modale

Modalità scura

ConsentForge segue automaticamente la media query prefers-color-scheme del visitatore. Imposta data-theme="auto" (default) nel tuo snippet di incorporamento, oppure forza data-theme="light" / data-theme="dark".

Font

Per impostazione predefinita, il banner eredita il font del corpo del tuo sito web tramite font-family: inherit.

Per usare un font specifico:

/* Nel tuo CSS personalizzato */
.cf-banner {
  font-family: 'Inter', sans-serif;
}

Oppure configura in Banner Builder → Aspetto → Font.

Dimensione del font

Variabile	Default
--cf-font-size-base	14px
--cf-font-size-title	16px
--cf-font-size-small	12px