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

# Používejte motivy pro konzistentní barvy a zaoblení rohů napříč obrazovkami Flowstepu

> Vyberte nebo vygenerujte motiv pro každý soubor, restylujte jednotlivé obrazovky, upravujte motivy své organizace a propojte barvy a zaoblení rohů s tokeny motivu, aby se změny propagovaly na všechny obrazovky.

Motiv je sdílená barevná paleta a zaoblení rohů pro vaše obrazovky. Každý soubor má motiv a vzhled (světlý nebo tmavý) a obrazovky se stylizují pomocí tokenů motivu. Když motiv upravíte, všechny obrazovky, které ho používají, se podle něj přizpůsobí. Váš tým tak pracuje s jednou sadou rozhodnutí a nemusí barvy opakovat v každém promptu.

Motivy, které vytvoříte nebo vygenerujete, se uloží do vaší organizace a zobrazí se v sekci **Themes** (Motivy) na Home. Každý soubor v organizaci je tak může používat.

## Výběr motivu pro soubor

Motiv a vzhled pro nové obrazovky vyberte v editoru promptu uvnitř souboru. Tlačítko motivu není v poli pro prompt na Home k dispozici.

<Steps>
  <Step title="Otevřete nabídku motivů">
    V editoru promptu klikněte na tlačítko motivu. Zobrazuje barevný vzorek aktuálního motivu, nebo barevné kolečko, pokud je motiv **Automatic**. Nabídka se jmenuje **Theme for new screens**.
  </Step>

  <Step title="Vyberte motiv">
    Zvolte **Automatic**, jeden z motivů vaší organizace (uvedený jako první), nebo vestavěný motiv: **Default**, **Blue**, **Grayscale**, **Green**, **Ice**, **Orange**, **Red**, **Rose**, **Violet** nebo **Yellow**.
  </Step>

  <Step title="Vyberte vzhled">
    V sekci **Appearance** zvolte **Light** nebo **Dark**, případně **Automatic**, aby Flowstep rozhodl za každou obrazovku podle vašeho promptu. Prompt „tmavý dashboard“ vyjde tmavě.
  </Step>
</Steps>

<Note>
  Vaše volba se použije na obrazovky, které vygenerujete příště. Obrazovky, které už jsou na plátně, si zachovají svůj vzhled.
</Note>

## Nechte Flowstep navrhnout motiv

Pokud soubor zatím nemá motiv (tedy nový soubor s motivem ponechaným na **Automatic**), Flowstep navrhne vlastní motiv společně s prvními obrazovkami, které vygeneruje. Během práce uvidíte v chatu krok **Designing theme**.

Flowstep motiv sestavuje z těchto zdrojů:

* Barvy, které v promptu uvedete
* Barvy ve vašich [designových pokynech](/cs/design-guidelines)
* Barvy značky z příloh a [odkazů, které vložíte](/cs/design-references#paste-a-url)
* Produkt a náladu, které váš prompt popisuje, pokud k dispozici není nic konkrétnějšího

Motiv dostane krátký název, kompletní paletu pro světlý i tmavý vzhled a krok zaoblení. Uloží se do vaší organizace v sekci **Themes** na Home a soubor jej použije pro každou obrazovku vygenerovanou po té.

Jakmile má soubor motiv, Flowstep žádný další sám nenavrhne. Chcete-li nový motiv, znovu v nabídce motivů vyberte **Automatic**. Při dalším generování se navrhne nový motiv a soubor se na něm usadí. Pokud Flowstep motiv navrhnout nedokáže, soubor přejde na vestavěný motiv.

<Tip>
  Uveďte barvy své značky už v prvním promptu, nebo je nastavte ve svých [designových pokynech](/cs/design-guidelines) před generováním. Vygenerovaný motiv z nich vychází.
</Tip>

## Změna motivu jedné obrazovky

Chcete-li restylovat jednu obrazovku, aniž byste měnili zbytek souboru:

1. Na plátně vyberte obrazovku.
2. V nabídce nad obrazovkou klikněte na tlačítko **Theme**.
3. Vyberte jeden z motivů vaší organizace nebo vestavěný motiv, případně přepněte mezi **Light** a **Dark**.

Změna motivu obrazovku okamžitě přemaluje. Přepnutí mezi **Light** a **Dark** požádá AI, aby obrazovku restylovala, stejně jako [úprava pomocí AI](/cs/editing-designs). Nabídka není během běžícího generování dostupná.

## Úprava motivu

Motiv otevřete v sekci **Themes** na Home. Editor motivu zobrazuje živý náhled motivu a vpravo je panel **Theme settings**. Tlačítky **Light** a **Dark** nahoře přepínáte náhled a kliknutím na název motivu ho přejmenujete.

* **Colors** — každá skupina barev má vzorek pro světlý vzhled a jeden pro tmavý: **Primary**, **Secondary**, **Accent**, **Muted**, **Destructive**, **Background**, **Card**, **Popover**, **Border**, **Input**, **Ring**, **Charts** a **Sidebar**. Kliknutím na vzorek upravíte jeho barvy, například výplň a barvu textu skupiny, pomocí výběru barev nebo hexadecimální hodnoty.
* **Radius** — vyberte krok zaoblení (**Square**, **Slight**, **Balanced**, **Soft** nebo **Round**), nebo zvolte **Custom** a posunutím **Base radius** nastavte vlastní hodnotu.

Úpravy se ukládají jako koncept, takže se obrazovky během vaší práce nemění. Až budete připraveni:

* Klikněte na **Publish**, aby se aktualizovaly všechny obrazovky, které motiv používají. Flowstep potvrdí zprávou „Published. Screens using this theme are updating.“ (Publikováno. Obrazovky používající tento motiv se aktualizují.)
* Klikněte na **Reset changes**, čímž zahodíte nepublikované změny. Obrazovky s motivem nejsou ovlivněny.

Motiv odstraníte kliknutím na **Delete theme** ve spodní části panelu **Theme settings**, nebo na ikonu koše vedle něj v seznamu **Themes** na Home. Smazaný motiv se už v nabídkách motivů nenabízí. Obrazovky, které ho už používají, si zachovají vzhled, takže se na plátně nic nezmění.

<Note>
  Všichni v organizaci kromě Guests (hostů) mohou motivy upravovat a mazat.
</Note>

## Propojení barev a zaoblení s motivem

Barvy a zaoblení mohou odkazovat na token motivu místo pevné hodnoty. Propojená hodnota sleduje motiv obrazovky. Když se motiv změní, ať už jde o jiný motiv, publikovanou úpravu, nebo přepnutí mezi světlým a tmavým vzhledem, propojené barvy a zaoblení se aktualizují spolu s ním.

**Colors** — v panelu **Fill** nebo **Border** klikněte na vzorek barvy. Na kartě **Token** vyhledejte nebo vyberte token ze skupin **Theme**, **Base** nebo **Tailwind**. Pro přesnou barvu použijte kartu **Custom**. Propojená barva zobrazuje v panelu název svého tokenu a průhlednost můžete stále upravit.

**Corners** — v panelu **Corners** klikněte na náhled rohu. Na kartě **Token** vyberte krok (například `md` nebo `lg`). Na kartě **Custom** zadejte přesnou hodnotu v pixelech. Propojený roh zobrazuje název svého tokenu a změna zaoblení motivu jej znovu zaoblí.

Propojenou hodnotu převedete zpět na pevnou kliknutím na **Detach from token**. Barva nebo roh si zachová aktuální vzhled, ale už nebude sledovat motiv.

## Dobré vědět

* **Obrazovky si zachovávají vlastní motiv** — každá obrazovka si pamatuje svůj motiv a vzhled. Změna motivu souboru ovlivní jen obrazovky, které vygenerujete příště. Stávající obrazovky restylujte pomocí nabídky **Theme** u každé z nich.
* **Pouze publikované verze** — obrazovky zobrazují publikovanou verzi motivu. Koncepty jsou vidět jen v editoru motivu, dokud je nepublikujete.
* **Propojení s tokeny přežije úpravy** — barvy motivu použité ve stínech, filtrech a přechodech zůstanou propojeny s motivem, když Flowstep obrazovku upraví nebo vygeneruje znovu.
* **Kroky zaoblení, které se nepřizpůsobují** — tokeny rohů `none` a `full` jsou vždy hranaté, respektive zcela zaoblené, bez ohledu na zaoblení motivu.


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