Cores e Fontes

Cores

Configure as cores em Construtor de Banner → Aparência → Cores.

Variáveis CSS

O ConsentForge expõe propriedades personalizadas CSS que pode substituir no seu CSS personalizado:

Variável	Predefinição	Descrição
--cf-color-primary	#1B3A4B	Cor de ação primária (botão Aceitar)
--cf-color-secondary	#6B7280	Cor de ação secundária (botão Rejeitar)
--cf-color-background	#FFFFFF	Fundo do banner
--cf-color-text	#111827	Texto do corpo
--cf-color-text-muted	#6B7280	Texto secundário
--cf-color-border	#E5E7EB	Cor da borda
--cf-color-overlay	rgba(0,0,0,0.5)	Fundo do modal

Modo escuro

O ConsentForge segue automaticamente a media query prefers-color-scheme do visitante. Defina data-theme="auto" (predefinição) no seu snippet de incorporação, ou force data-theme="light" / data-theme="dark".

Fontes

Por predefinição, o banner herda a fonte do corpo do seu site via font-family: inherit.

Para usar uma fonte específica:

/* No seu CSS personalizado */
.cf-banner {
  font-family: 'Inter', sans-serif;
}

Ou configure em Construtor de Banner → Aparência → Fonte.

Tamanho de fonte

Variável	Predefinição
--cf-font-size-base	14px
--cf-font-size-title	16px
--cf-font-size-small	12px