> ## Documentation Index
> Fetch the complete documentation index at: https://docs.zonely.gen.tr/llms.txt
> Use this file to discover all available pages before exploring further.

# Kolory

> Przygotuj domyślny wygląd, odcienie światła i ciemności, paletę kolorów i kolory stanu.

Strona Kreatywna **Kolory** otwiera część. Wybierz domyślny widok i kolor główny strony. System dostosowuje kolor, który wybrałeś do otwierania i ciemnowyglądających elementów; **Paleta** i **Ważne kolory** Możesz również edytować ustawienia zgodnie z wymaganiami.

[![Default ton, Bright main color, Dark main color, Detailed pallet](https://mintcdn.com/zonely-a8cd49e7/N_QMnvmTBQuFR-Ic/images/panel/page-builder-guide-20261025/05-renkler-pl.png?fit=max\&auto=format\&n=N_QMnvmTBQuFR-Ic\&q=85\&s=18aacd2c8bb8046da5e12b678869a25f)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/05-renkler-pl.png)

> [card] 1. Domyślna tona
>
> Wybierz jasny lub ciemny widok na zwiedza.

> [card] 2. Jasny kolor główny
>
> Wybierz główny kolor wyróżniający z otwartego widoku.

> [card] 3. Ciemny kolor główny
>
> Customize kolor wyróżnienia ciemnego wyglądu lubisz

> [card] 4. Szczegółowa paleta
>
> Palet i ważne kolory otwarte powierzchnie i status colors.

## Wybierz domyślny widok

**Domyślny ton** z listy **Jasny** lub **Ciemny** Select. Wybór ten określa początkowy widok Twojej witryny.

**Jasny ton** Wybierz swój główny kolor z obszaru. Kolor, który wybrałeś, dostosowuje się również do ciemnego wyglądu i dostosowuje się do strony. Jeśli chcesz **Ciemny ton** Możesz określić inny kolor wyróżnienia dla ciemnego wyglądu z obszaru. Użyj koloru selektywnego lub kodu kolorów.

## Szczegółowe palety - opcjonalne

Jeśli chcesz dostosować bardziej szczegółowe **Paleta → Układ** otworzyć drogę. Top **Luminous / Dark** Wybierz wygląd, który chcesz edytować z wyboru.

[![Layout appearance, Color family, Gray tones](https://mintcdn.com/zonely-a8cd49e7/VcGJjK7LclDv4BqR/images/panel/page-builder-guide-20261025/06-palet-pl.png?fit=max\&auto=format\&n=VcGJjK7LclDv4BqR\&q=85\&s=20e5c09a60f6fb70eadcba6c960c6557)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/06-palet-pl.png)

> [card] 1. Edytowany widok
>
> Switch między światłem a ciemnością; dwie palety są trzymane oddzielnie.

> [card] 2. Rodzina kolorów
>
> Change kod każdego koloru z jego własnej area.

> [card] 3. Szare tony
>
> Skala Gray jest przydatna do regulacji różnych poziomów powierzchni i tekstów.

Palet; Niebieskie, gwoździe, fioletowe, różowe, czerwone, pomarańczowe, żółte, zielone, turkusowe i szklane rodziny kolorów zawierają szare tony. Kliknij na pole kolorów i zmień odpowiedni kod.

**Gray 10- Gri 90** przygotowuje pola do oddzielenia powierzchni, krawędzi i poziomów czcionki od siebie. Pozostaw różnicę pomiędzy poziomem światła i ciemności zamiast nadawania tego samego koloru wszystkim szarym polom. Następnie sprawdź inny wygląd i jego paletę.

## Ważne kolory - opcjonalne

**Ważne kolory** nie jest obowiązkowa zmiana obszarów. Po wybraniu głównego koloru system dostosowuje wygląd światła i ciemności. Jeśli chcesz dostosować status wiadomości, podłóg lub kolorów tekstowych, a także **Ważne kolory → Edycja** otworzyć okno i wybrać odpowiedni widok.

[![Ton selection, Condition colors, Body floor](https://mintcdn.com/zonely-a8cd49e7/VcGJjK7LclDv4BqR/images/panel/page-builder-guide-20261025/07-onemli-renkler-pl.png?fit=max\&auto=format\&n=VcGJjK7LclDv4BqR\&q=85\&s=411981455c6de48d18f13e425167ce19)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/07-onemli-renkler-pl.png)

> [card] 1. Wybór tonowy
>
> Edit kolory statusu oddzielnie dla światła i ciemne.

> [card] 2. Kolor stanu
>
> Komunikaty Keep skuteczne, Informacje, Alarm i zagrożenia rozróżnia.

> [card] 3. Podłoga ciała
>
> Sprawdź kolory tekstu ciała wraz z podpór.

* **Drugorzędowe:** Pomocniczy kolor wyróżniający.
* **Successful / Information / Warning / Danger:** Kolor, który mówi typ wyniku procesu lub wiadomości. Użyj ton, które są łatwo odróżniane od siebie.
* **Tło ciała:** Strona określa podstawowe piętro.
* **Tekst ciała:** Określa kolor tekstu podstawowego; sprawdź go z podłogi.

## Podgląd i zapisać

Zamknij okna i zobacz przycisk, długi akapit i wiadomość informacyjną. Sprawdź, czy wiadomości są gubione w widoku otwartym, opis i krawędzie są wybierane w ciemnym wyglądzie. **Zapisz wszystko** wraz z.

Jeśli używasz obrazu tła, oceń kolory wraz z wizualnymi. Ustawienia wizualne [Kontekst](https://docs.zonely.gen.tr/pl/guides/page-builder/background.md) w sekcji.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.