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

# Folosește teme ca să păstrezi culorile și rotunjirea colțurilor consistente în toate ecranele Flowstep

> Alege sau generează o temă pentru fiecare fișier, restilizează ecrane individuale, editează temele organizației tale și leagă culorile și colțurile de token-uri de temă, ca modificările să se propage pe toate ecranele.

O temă este o paletă de culori comună și o rotunjire a colțurilor pentru ecranele tale. Fiecare fișier are o temă și un aspect (luminos sau întunecat), iar ecranele sunt stilizate cu token-urile temei. Editezi o temă, iar fiecare ecran care o folosește o urmează, astfel încât echipa ta lucrează pe baza aceluiași set de decizii, în loc să repete culorile în fiecare prompt.

Temele pe care le creezi sau le generezi sunt salvate în organizația ta și apar sub **Themes** pe Home, ca oricare fișier din organizație să le poată folosi.

## Alege o temă pentru un fișier

Alege tema și aspectul pentru ecranele noi din compozitorul de prompt din interiorul unui fișier. Butonul de temă nu este disponibil în caseta de prompt de pe Home.

<Steps>
  <Step title="Deschide meniul temei">
    În compozitorul de prompt, dă clic pe butonul de temă. Acesta afișează mostra de culoare a temei curente sau un cerc de culori când tema este **Automatic**. Meniul are titlul **Theme for new screens**.
  </Step>

  <Step title="Alege o temă">
    Alege **Automatic**, una dintre temele organizației tale (listate primele) sau o temă integrată: **Default**, **Blue**, **Grayscale**, **Green**, **Ice**, **Orange**, **Red**, **Rose**, **Violet** sau **Yellow**.
  </Step>

  <Step title="Alege un aspect">
    Sub **Appearance**, alege **Light** sau **Dark**, ori **Automatic** ca Flowstep să decidă pentru fiecare ecran în funcție de prompt. De exemplu, „un tablou de bord întunecat” iese întunecat.
  </Step>
</Steps>

<Note>
  Alegerea ta se aplică ecranelor pe care le generezi următoarele. Ecranele deja existente pe canvas își păstrează aspectul.
</Note>

## Lasă Flowstep să proiecteze o temă

Când un fișier nu are încă o temă, de exemplu un fișier nou cu tema lăsată pe **Automatic**, Flowstep proiectează o temă personalizată împreună cu primele ecrane pe care le generează. Vei vedea un pas **Designing theme** în chat cât timp lucrează.

Flowstep construiește tema din:

* Culorile pe care le numești în prompt
* Culorile din [ghidurile tale de design](/ro/design-guidelines)
* Culorile de brand din atașamente și din [linkurile pe care le lipești](/ro/design-references#paste-a-url)
* Produsul și atmosfera descrise în prompt, atunci când nu există nimic mai specific de care să se ghideze

Tema primește un nume scurt, o paletă completă pentru aspectul luminos și pentru cel întunecat, plus un pas de rotunjire. Este salvată în organizația ta sub **Themes** pe Home, iar fișierul o folosește pentru fiecare ecran generat după aceea.

Odată ce un fișier are o temă, Flowstep nu proiectează alta din proprie inițiativă. Ca să obții o temă nouă, alege din nou **Automatic** în meniul temei. Următoarea generare proiectează una nouă, iar fișierul se fixează pe ea. Dacă Flowstep nu poate proiecta o temă, fișierul revine la una integrată.

<Tip>
  Menționează culorile de brand în primul tău prompt sau setează-le în [ghidurile tale de design](/ro/design-guidelines) înainte să generezi. Tema generată va porni de la ele.
</Tip>

## Schimbă tema unui ecran

Ca să restilizezi un singur ecran fără să atingi restul fișierului:

1. Selectează ecranul pe canvas.
2. În meniul de deasupra ecranului, dă clic pe butonul **Theme**.
3. Alege una dintre temele organizației tale sau o temă integrată ori comută între **Light** și **Dark**.

Schimbarea temei redesenează ecranul instant. Comutarea între **Light** și **Dark** îi cere AI-ului să restilizeze ecranul, la fel ca o [editare AI](/ro/editing-designs). Meniul nu este disponibil cât timp rulează o generare.

## Editează o temă

Deschide o temă din secțiunea **Themes** de pe Home. Editorul temei afișează o previzualizare live a temei, cu **Theme settings** în dreapta. Folosește butoanele **Light** și **Dark** din partea de sus ca să comuți previzualizarea și dă clic pe numele temei ca să o redenumești.

* **Colors**: fiecare grup de culori are o mostră pentru aspectul luminos și una pentru cel întunecat: **Primary**, **Secondary**, **Accent**, **Muted**, **Destructive**, **Background**, **Card**, **Popover**, **Border**, **Input**, **Ring**, **Charts** și **Sidebar**. Dă clic pe o mostră ca să îi editezi culorile, de exemplu culorile de umplere și de text ale unui grup, cu selectorul de culori sau cu o valoare hex.
* **Radius**: alege o treaptă de rotunjire (**Square**, **Slight**, **Balanced**, **Soft** sau **Round**), sau alege **Custom** și trage de **Base radius** ca să îți setezi propria valoare.

Modificările tale se salvează ca ciornă, deci ecranele nu se schimbă cât lucrezi. Când ești gata:

* Dă clic pe **Publish** ca să actualizezi fiecare ecran care folosește tema. Flowstep confirmă cu „Published. Screens using this theme are updating.” (Publicat. Ecranele care folosesc această temă se actualizează.)
* Dă clic pe **Reset changes** ca să renunți la modificările nepublicate. Ecranele care folosesc tema nu sunt afectate.

Ca să ștergi o temă, dă clic pe **Delete theme** în partea de jos a **Theme settings**, sau pe iconița de coș de gunoi de lângă ea din lista **Themes** de pe Home. O temă ștearsă nu mai este oferită în meniurile de teme, dar ecranele care o folosesc deja își păstrează aspectul, deci nimic de pe canvas nu se schimbă.

<Note>
  Toți cei din organizația ta, cu excepția Guests (invitaților), pot edita și șterge teme.
</Note>

## Leagă culorile și colțurile de tema ta

Culorile și colțurile pot indica un token de temă în loc de o valoare fixă. O valoare legată urmează tema ecranului. Când tema se schimbă, fie că e vorba de o temă diferită, de o editare publicată sau de o comutare între luminos și întunecat, culorile și colțurile legate se actualizează odată cu ea.

**Colors**: în panoul **Fill** sau **Border**, dă clic pe mostra de culoare. Pe tabul **Token**, caută sau alege un token din grupurile **Theme**, **Base** sau **Tailwind**. Folosește tabul **Custom** pentru o culoare exactă. O culoare legată îți afișează numele tokenului în panou, iar tu poți ajusta în continuare opacitatea ei.

**Corners**: în panoul **Corners**, dă clic pe o previzualizare de colț. Pe tabul **Token**, alege o treaptă (de exemplu `md` sau `lg`). Pe tabul **Custom**, scrie o valoare exactă în pixeli. Un colț legat îți afișează numele tokenului, iar schimbarea rotunjirii temei îl re-rotunjește.

Ca să transformi o valoare legată înapoi într-una fixă, dă clic pe **Detach from token**. Culoarea sau colțul își păstrează aspectul curent, dar nu mai urmează tema.

## Lucruri utile de știut

* **Ecranele își păstrează propria temă**: fiecare ecran își reține tema și aspectul. Schimbarea temei fișierului afectează doar ecranele generate următoare. Folosește meniul **Theme** de pe fiecare ecran ca să restilizezi ecranele existente.
* **Doar versiunile publicate**: ecranele afișează versiunea publicată a unei teme. Ciornele sunt vizibile doar în editorul temei până când publici.
* **Legăturile la token supraviețuiesc editărilor**: culorile temei folosite în umbre, filtre și gradienți rămân legate de temă atunci când Flowstep editează sau regenerează un ecran.
* **Trepte de rotunjire care nu se scalează**: token-urile de colț `none` și `full` sunt mereu pătrate și complet rotunde, indiferent de rotunjirea temei.


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