Kolory i czcionki
Kolory
Skonfiguruj kolory w Kreator banerów → Wygląd → Kolory.
Zmienne CSS
ConsentForge udostępnia niestandardowe właściwości CSS, które możesz nadpisać w swoim niestandardowym CSS:
| Zmienna | Domyślna | Opis |
|---|---|---|
--cf-color-primary | #1B3A4B | Kolor podstawowego działania (przycisk Zaakceptuj) |
--cf-color-secondary | #6B7280 | Kolor drugorzędnego działania (przycisk Odrzuć) |
--cf-color-background | #FFFFFF | Tło banera |
--cf-color-text | #111827 | Tekst główny |
--cf-color-text-muted | #6B7280 | Tekst drugorzędny |
--cf-color-border | #E5E7EB | Kolor obramowania |
--cf-color-overlay | rgba(0,0,0,0.5) | Tło modalu |
Tryb ciemny
ConsentForge automatycznie stosuje się do zapytania mediów prefers-color-scheme odwiedzającego. Ustaw data-theme="auto" (domyślnie) w swoim fragmencie osadzenia lub wymuś data-theme="light" / data-theme="dark".
Czcionki
Domyślnie baner dziedziczy czcionkę body Twojej strony przez font-family: inherit.
Aby użyć konkretnej czcionki:
/* W swoim niestandardowym CSS */
.cf-banner {
font-family: 'Inter', sans-serif;
}
Lub skonfiguruj w Kreator banerów → Wygląd → Czcionka.
Rozmiar czcionki
| Zmienna | Domyślna |
|---|---|
--cf-font-size-base | 14px |
--cf-font-size-title | 16px |
--cf-font-size-small | 12px |