> ## Documentation Index
> Fetch the complete documentation index at: https://craft-support.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Szybki przewodnik po Styles

> Kompletny przewodnik po dostosowywaniu czcionek, kolorów, tła, obrazów okładek i elementów dekoracyjnych w Twoich Dokumentach.

Craft ułatwia tworzenie efektownych Dokumentów bez znajomości zasad projektowania. Funkcja Styles pozwala dostosować backdrops, cover images, kolory tekstu, a nawet kolor całego Dokumentu. Washi tapes dodają stronom unikatowy, dekoracyjny akcent.

Aby lepiej zrozumieć działanie stylów, zacznij od naszego artykułu o [Dokumentach, Stronach i Blokach](/pl/introduction/documents).

## Styles Menu

<Tabs>
  <Tab title="macOS">
    W aplikacji macOS znajdź zakładkę **Styles** na lewym pasku bocznym:

    <img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/styles-sidebar.png?s=eeec64a237c912f088c787445755e7e1" alt="Styles menu in left sidebar" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/styles-sidebar.png" />
  </Tab>

  <Tab title="Web">
    W aplikacji webowej znajdź zakładkę **Styles** na lewym pasku bocznym:

    <img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/styles-sidebar.png?s=eeec64a237c912f088c787445755e7e1" alt="Styles menu in left sidebar" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/styles-sidebar.png" />
  </Tab>
</Tabs>

## Style Preview and Styles Gallery

Menu **Styles** pokazuje minimalistyczny podgląd aktualnych ustawień czcionki, cover i backdroppu - szybkie odniesienie, jak elementy stylu współgrają w Twoim Dokumencie.

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/style-preview-1.png?fit=max&auto=format&n=jHjNTJCRmpMXi5vN&q=85&s=0129a124f65d801c8869a4fe08b3c0ce" alt="Style preview example 1" width="289" height="223" data-path="images/write-and-edit/styling/quick-guide/en/content/style-preview-1.png" />

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/style-preview-2.png?fit=max&auto=format&n=jHjNTJCRmpMXi5vN&q=85&s=8b9989c9e3feb864e536ec6dd41721be" alt="Style preview example 2" width="283" height="217" data-path="images/write-and-edit/styling/quick-guide/en/content/style-preview-2.png" />

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/style-preview-3.png?fit=max&auto=format&n=jHjNTJCRmpMXi5vN&q=85&s=bae07e2a5e816779ece33c4a81a7f647" alt="Style preview example 3" width="277" height="216" data-path="images/write-and-edit/styling/quick-guide/en/content/style-preview-3.png" />

Kliknij na **Style Preview**, aby otworzyć **Styles Gallery** i przejrzeć naszą starannie dobraną kolekcję gotowych stylów dla Twoich Dokumentów.

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/styles-gallery.gif?s=62ec4bc1e0ad9fa6ddc9845ef44b59b7" alt="Opening the styles gallery" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/styles-gallery.gif" />

## Custom Styling

Poza gotowymi stylami możesz tworzyć własne kolory dla backdroppa, tekstu i samego Dokumentu.

Funkcja backdrop oferuje szeroki wachlarz opcji:

* **Solid Colors** – Wybierz z palety kolorów lub stwórz kolor własny
* **Gradients** – Połącz dwa lub więcej kolorów
* **Images** – Prześlij własne zdjęcie lub wybierz z Unsplash

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/custom-styling.gif?s=83ee42ce92078710e3acca683ec82ec0" alt="Creating custom styles" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/custom-styling.gif" />

## Uploading Custom Images

Możesz przesłać dowolne zdjęcie z urządzenia jako backdrop lub cover image.

**Dla backdropów:**

<Steps>
  <Step>
    Wybierz opcję **image** w ustawieniach backdroppu
  </Step>

  <Step>
    Wybierz **Upload** i wskaż swoje zdjęcie
  </Step>
</Steps>

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/upload-backdrop.png?fit=max&auto=format&n=jHjNTJCRmpMXi5vN&q=85&s=37096d20142bf302b8b642af18df45ee" alt="Upload backdrop image option" width="346" height="450" data-path="images/write-and-edit/styling/quick-guide/en/content/upload-backdrop.png" />

**Dla cover images:**

<Steps>
  <Step>
    Kliknij obszar cover image
  </Step>

  <Step>
    Wybierz **Insert File** i wskaż swoje zdjęcie
  </Step>
</Steps>

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/upload-cover.png?fit=max&auto=format&n=jHjNTJCRmpMXi5vN&q=85&s=10c428878bdb58edca741dd229e34965" alt="Upload cover image option" width="352" height="360" data-path="images/write-and-edit/styling/quick-guide/en/content/upload-cover.png" />

## Unsplash Integration

Brakuje Ci czasu na szukanie idealnego zdjęcia na okładkę lub tło? Integracja Craft z Unsplash pozwala szybko znaleźć profesjonalne zdjęcia kilkoma kliknięciami.

Gdy ustawiasz backdrop lub cover image, wybierz przycisk **Unsplash**, aby otworzyć bazę Unsplash. Wpisz słowa kluczowe, aby znaleźć obrazy pasujące do motywu.

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/unsplash-integration.gif?s=82de269fe5f0f12217c14201f88994a3" alt="Searching Unsplash for images" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/unsplash-integration.gif" />

## Separators and Washi Tapes

Separatory pomagają uporządkować treść w Dokumencie. Craft idzie dalej dzięki Washi tapes - ozdobnym paskom, które pełnią funkcję wizualnych separatorów.

Wybierz spośród:

* **Standard lines** – Klasyczny styl separatora
* **Washi tapes** – Dekoracyjne, wzorzyste separatory
* **Doodles** – Separator w stylu ręcznego rysunku

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/separators.gif?s=72c338272195774355f463276a46264c" alt="Different separator styles" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/separators.gif" />

<Info title="Szybka wskazówka">
  Wpisz trzy myślniki (`---`), aby natychmiastowo dodać separator w stylu ustawionym dla Twojego Dokumentu.
</Info>

### Washi Tape Styling

Podobnie jak w przypadku backdroppa i cover image, możesz dostosować Washi tapes za pomocą jednolitych kolorów lub wzorów.

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/washi-styling.gif?s=cc832858117b1aa2e4407cd3d0433971" alt="Styling Washi tapes" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/washi-styling.gif" />

Otwórz **Washi Tapes Gallery**, aby znaleźć ładne, gotowe wzory:

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/washi-gallery.gif?s=8435350d7507d46cde5b5097bca4fb62" alt="Browsing Washi tape gallery" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/washi-gallery.gif" />

Możesz dopracować kolory Washi tapes tak szczegółowo, jak zechcesz. Stwórz odcień ręcznie lub wprowadź kod RGB w selektorze kolorów.

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/custom-color.gif?s=4a5d3a415f66b08b37a96623c5b50cb0" alt="Creating custom Washi tape colors" width="800" height="673" data-path="images/write-and-edit/styling/quick-guide/en/content/custom-color.gif" />

## Text and Document Color

Dokumenty Craft domyślnie używają koloru system default - czarny w Dark Mode lub biały w Light Mode. Ikona czarno-biała w selektorze kolorów reprezentuje ten stan.

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/system-color.png?fit=max&auto=format&n=jHjNTJCRmpMXi5vN&q=85&s=b277771553b8fd81b717eae717ff09e3" alt="System default color icon" width="281" height="166" data-path="images/write-and-edit/styling/quick-guide/en/content/system-color.png" />

Masz jednak pełną kontrolę nad kolorami Dokumentu i tekstu. Wybierz preferowany odcień ręcznie lub wpisz kod RGB w selektorze kolorów, aby uzyskać dokładny kolor.

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/custom-doc-color.gif?s=7c3927c0a80033062ad48fab51b026b1" alt="Customizing document colors" width="800" height="673" data-path="images/write-and-edit/styling/quick-guide/en/content/custom-doc-color.gif" />

<Info title="Resetowanie kolorów">
  Użyj przycisku resetowania, aby natychmiastowo przywrócić domyślny kolor systemowy Dokumentu.
</Info>

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/reset-color.gif?s=52d971ac666bddfd6773f2afaf74d1a9" alt="Resetting document colors" width="426" height="390" data-path="images/write-and-edit/styling/quick-guide/en/content/reset-color.gif" />

## Fonts

Zmień styl czcionki całego Dokumentu jednym kliknięciem. Wybieraj spośród:

* **System** – Używa domyślnej czcionki urządzenia
* **Serif** – Tradycyjna, czytelna czcionka szeryfowa
* **Mono** – Czcionka o stałej szerokości do kodu lub treści technicznych
* **Rounded** – Przyjazna, nowoczesna czcionka zaokrąglona

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/fonts.gif?s=11732e87e5fcc8c62ace8900cbb879bf" alt="Changing document fonts" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/fonts.gif" />

<Warning title="Czcionki niestandardowe">
  Obecnie nie jest możliwe przesyłanie niestandardowych czcionek do Craft.
</Warning>

## Exporting Styled Documents to PDF

Funkcja Styles została zaprojektowana, aby pomóc Ci wyrazić siebie i stworzyć preferowane środowisko wizualne podczas edycji. Jeśli chcesz wyłączyć style podczas eksportu do PDF, możesz to łatwo zrobić w opcjach eksportu.

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/export-styles.gif?s=0b04cf70df6513a5d9144629f0400399" alt="Disabling styles during PDF export" width="800" height="638" data-path="images/write-and-edit/styling/quick-guide/en/content/export-styles.gif" />

## Powiązane artykuły

<CardGroup cols={2}>
  <Card title="Cover Images" href="/pl/write-and-edit/styling/cover-images">
    Dostosuj cover images dla swoich Dokumentów
  </Card>

  <Card title="Cards" href="/pl/write-and-edit/styling/cards">
    Przekształć strony w wizualne układy kart
  </Card>

  <Card title="App Styles" href="/pl/write-and-edit/styling/app-styles">
    Rozszerz style Dokumentów na interfejs aplikacji
  </Card>

  <Card title="Default Styles" href="/pl/write-and-edit/styling/default-styles">
    Ustaw preferowany styl jako domyślny
  </Card>
</CardGroup>