Colores y fuentes

Colores

Configure los colores en Constructor de banners → Apariencia → Colores.

Variables CSS

ConsentForge expone propiedades personalizadas CSS que puede anular en su CSS personalizado:

Variable	Predeterminado	Descripción
--cf-color-primary	#1B3A4B	Color de acción principal (botón Aceptar)
--cf-color-secondary	#6B7280	Color de acción secundaria (botón Rechazar)
--cf-color-background	#FFFFFF	Fondo del banner
--cf-color-text	#111827	Texto del cuerpo
--cf-color-text-muted	#6B7280	Texto secundario
--cf-color-border	#E5E7EB	Color del borde
--cf-color-overlay	rgba(0,0,0,0.5)	Fondo oscuro del modal

Modo oscuro

ConsentForge sigue automáticamente la consulta de medios prefers-color-scheme del visitante. Establezca data-theme="auto" (predeterminado) en su fragmento de incrustación, o fuerce data-theme="light" / data-theme="dark".

Fuentes

De forma predeterminada, el banner hereda la fuente del cuerpo de su sitio web a través de font-family: inherit.

Para usar una fuente específica:

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

O configúrelo en Constructor de banners → Apariencia → Fuente.

Tamaño de fuente

Variable	Predeterminado
--cf-font-size-base	14px
--cf-font-size-title	16px
--cf-font-size-small	12px