Cores e Tipos de Letra
Cores
Configure as cores em Construtor de Banners → 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 acção primária (botão Aceitar) |
--cf-color-secondary | #6B7280 | Cor de acçã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 fragmento de incorporação, ou force data-theme="light" / data-theme="dark".
Tipos de Letra
Por defeito, o banner herda o tipo de letra do corpo do seu website através de font-family: inherit.
Para utilizar um tipo de letra específico:
/* No seu CSS personalizado */
.cf-banner {
font-family: 'Inter', sans-serif;
}
Ou configure em Construtor de Banners → Aparência → Tipo de Letra.
Tamanho do tipo de letra
| Variável | Predefinição |
|---|---|
--cf-font-size-base | 14px |
--cf-font-size-title | 16px |
--cf-font-size-small | 12px |