> ## 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.

# Izmantojiet motīvus, lai krāsas un stūru noapaļojumu saglabātu vienmērīgus visos Flowstep ekrānos

> Izvēlieties vai ģenerējiet motīvu katram failam, pielāgojiet atsevišķus ekrānus, rediģējiet savas organizācijas motīvus un saistiet krāsas un stūrus ar motīva pilnvarām, lai izmaiņas tiktu attiecinātas uz katru ekrānu.

Motīvs ir kopīga krāsu palete un stūru noapaļojums jūsu ekrāniem. Katram failam ir motīvs un izskats (gaišs vai tumšs), un ekrāni tiek stilizēti, izmantojot motīva pilnvaras. Rediģējot motīvu, katrs to izmantojošais ekrāns seko izmaiņām, tāpēc jūsu komanda strādā pēc vienas lēmumu kopas, nevis katrā uzvednē atkārtoti norāda krāsas.

Motīvi, ko veidojat vai ģenerējat, tiek saglabāti jūsu organizācijā un uzskaitīti sadaļā **Themes** lapā Home, tāpēc jebkurš organizācijas fails var tos izmantot.

## Izvēlieties failam motīvu

Izvēlieties motīvu un izskatu jauniem ekrāniem no uzvedņu veidotāja faila iekšpusē. Motīva poga nav pieejama uzvedņu lodziņā lapā Home.

<Steps>
  <Step title="Atveriet motīva izvēlni">
    Uzvedņu veidotājā noklikšķiniet uz motīva pogas — tajā redzams pašreizējā motīva krāsu paraugs vai krāsu ritenis, ja motīvs ir **Automatic**. Izvēlne ir nosaukta **Theme for new screens**.
  </Step>

  <Step title="Izvēlieties motīvu">
    Izvēlieties **Automatic**, vienu no savas organizācijas motīviem (uzskaitītu pirmo) vai iebūvētu motīvu: **Default**, **Blue**, **Grayscale**, **Green**, **Ice**, **Orange**, **Red**, **Rose**, **Violet** vai **Yellow**.
  </Step>

  <Step title="Izvēlieties izskatu">
    Sadaļā **Appearance** izvēlieties **Light** vai **Dark**, vai **Automatic**, lai Flowstep katram ekrānam lēmumu pieņemtu pēc jūsu uzvednes — „tumšs informācijas panelis“ izskatīsies tumšs.
  </Step>
</Steps>

<Note>
  Jūsu izvēle attiecas uz ekrāniem, ko ģenerēsiet nākamie. Audeklā jau esošie ekrāni saglabā savu izskatu.
</Note>

## Ļaujiet Flowstep izstrādāt motīvu

Ja failam vēl nav motīva — jauns fails ar motīvu, kas atstāts uz **Automatic** —, Flowstep kopā ar pirmajiem ģenerētajiem ekrāniem izstrādā pielāgotu motīvu. Kamēr tas notiek, tērzēšanā redzēsiet soli **Designing theme**.

Flowstep veido motīvu no:

* krāsām, ko nosaucat savā uzvednē
* krāsām jūsu [dizaina vadlīnijās](/lv/design-guidelines)
* zīmola krāsām no pielikumiem un [saitēm, ko ielīmējat](/lv/design-references#paste-a-url)
* produkta un noskaņojuma, ko apraksta jūsu uzvedne, ja nav nekā konkrētāka, uz ko balstīties

Motīvam tiek piešķirts īss nosaukums, pilna palete gan gaišajam, gan tumšajam izskatam un noapaļojuma solis. Tas tiek saglabāts jūsu organizācijā sadaļā **Themes** lapā Home, un fails to izmanto visiem turpmākajiem ģenerētajiem ekrāniem.

Kad failam ir motīvs, Flowstep pats neizstrādā citu. Lai iegūtu jaunu motīvu, vēlreiz izvēlieties **Automatic** motīvu izvēlnē — nākamā ģenerēšana izstrādās jaunu, un fails pāries uz to. Ja Flowstep nevar izstrādāt motīvu, failam tiek piešķirts iebūvētais motīvs.

<Tip>
  Pieminiet savas zīmola krāsas pirmajā uzvednē vai iestatiet tās savās [dizaina vadlīnijās](/lv/design-guidelines) pirms ģenerēšanas, un ģenerētais motīvs sāksies no tām.
</Tip>

## Mainiet viena ekrāna motīvu

Lai pārveidotu vienu ekrānu, nemainot pārējo failu:

1. Audeklā atlasiet ekrānu.
2. Ekrāna augšā esošajā izvēlnē noklikšķiniet uz pogas **Theme**.
3. Izvēlieties vienu no savas organizācijas motīviem vai iebūvētu motīvu, vai pārslēdzieties starp **Light** un **Dark**.

Motīva maiņa ekrānu uzreiz pārkrāso. Pārslēgšana starp **Light** un **Dark** liek AI pārstilizēt ekrānu, tāpat kā [AI rediģēšana](/lv/editing-designs). Izvēlne nav pieejama, kamēr notiek ģenerēšana.

## Rediģējiet motīvu

Atveriet motīvu sadaļā **Themes** lapā Home. Motīva redaktors rāda tiešraides priekšskatījumu ar **Theme settings** labajā pusē. Augšā esošajās pogās **Light** un **Dark** pārslēdziet priekšskatījumu, un noklikšķiniet uz motīva nosaukuma, lai to pārdēvētu.

* **Colors** — katrai krāsu grupai ir paraugs gaišajam un viens tumšajam izskatam: **Primary**, **Secondary**, **Accent**, **Muted**, **Destructive**, **Background**, **Card**, **Popover**, **Border**, **Input**, **Ring**, **Charts** un **Sidebar**. Noklikšķiniet uz parauga, lai rediģētu tā krāsas — piemēram, grupas aizpildījuma un teksta krāsas — ar krāsu atlasītāju vai heksadecimālu vērtību.
* **Radius** — izvēlieties noapaļojuma soli (**Square**, **Slight**, **Balanced**, **Soft** vai **Round**) vai izvēlieties **Custom** un velciet **Base radius**, lai iestatītu savu.

Jūsu izmaiņas tiek saglabātas kā melnraksts, tāpēc ekrāni nemainās, kamēr strādājat. Kad esat gatavs:

* Noklikšķiniet uz **Publish**, lai atjauninātu katru ekrānu, kas izmanto motīvu. Flowstep apstiprina ar „Published. Screens using this theme are updating.“
* Noklikšķiniet uz **Reset changes**, lai atmestu nepublicētās izmaiņas. Ekrāni, kas izmanto motīvu, netiek ietekmēti.

Lai noņemtu motīvu, noklikšķiniet uz **Delete theme** **Theme settings** apakšā vai uz miskastes ikonas blakus motīvam sarakstā **Themes** lapā Home. Dzēsts motīvs vairs netiek piedāvāts motīvu izvēlnēs, bet ekrāni, kas to jau izmanto, saglabā savu izskatu, tāpēc audeklā nekas nemainās.

<Note>
  Visi organizācijas dalībnieki, izņemot Guests (viesus), var rediģēt un dzēst motīvus.
</Note>

## Saistiet krāsas un stūrus ar savu motīvu

Krāsas un stūri var norādīt uz motīva pilnvaru, nevis fiksētu vērtību. Saistītā vērtība seko ekrāna motīvam, tāpēc, mainoties motīvam — citam motīvam, publicētai rediģēšanai vai pārslēgšanai starp gaišo un tumšo izskatu —, saistītās krāsas un stūri atjauninās kopā ar to.

**Colors** — panelī **Fill** vai **Border** noklikšķiniet uz krāsas parauga. Cilnē **Token** meklējiet vai izvēlieties pilnvaru no grupām **Theme**, **Base** vai **Tailwind**. Precīzai krāsai izmantojiet cilni **Custom**. Saistītā krāsa panelī rāda sava pilnvaras nosaukumu, un jūs joprojām varat pielāgot tās necaurredzamību.

**Corners** — panelī **Corners** noklikšķiniet uz stūra priekšskatījuma. Cilnē **Token** izvēlieties soli (piemēram, `md` vai `lg`); cilnē **Custom** ierakstiet precīzu vērtību pikseļos. Saistītajam stūrim tiek rādīts tā pilnvaras nosaukums, un, mainot motīva noapaļojumu, tas tiek pārnoapaļots.

Lai saistīto vērtību pārvērstu atpakaļ par fiksētu, noklikšķiniet uz **Detach from token**. Krāsa vai stūris saglabā pašreizējo izskatu, bet vairs neseko motīvam.

## Lietderīga informācija

* **Ekrāni saglabā savu motīvu** — katrs ekrāns atceras savu motīvu un izskatu. Faila motīva maiņa ietekmē tikai ekrānus, ko ģenerēsiet nākamie; lai pārstilizētu esošos, izmantojiet katram ekrānam paredzēto izvēlni **Theme**.
* **Tikai publicētās versijas** — ekrānos tiek rādīta motīva publicētā versija. Melnraksti ir redzami tikai motīva redaktorā, līdz publicējat.
* **Pilnvaru saites saglabājas pēc rediģēšanas** — motīva krāsas, kas izmantotas ēnās, filtros un gradientos, paliek saistītas ar motīvu, kad Flowstep rediģē vai pārģenerē ekrānu.
* **Noapaļojuma soļi, kas nemainās** — pilnvaras `none` un `full` stūriem vienmēr ir kvadrātiskas un pilnībā apaļas neatkarīgi no motīva noapaļojuma.


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