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

# Ranglar va burchak yumaloqligini Flowstep ekranlari bo‘ylab bir xil saqlash uchun mavzulardan foydalaning

> Har bir fayl uchun mavzu tanlang yoki yarating, alohida ekranlarni qayta uslublang, tashkilotingiz mavzularini tahrirlang va ranglar hamda burchaklarni mavzu tokenlariga bog‘lab, o‘zgarishlar barcha ekranlarga o‘tishini ta’minlang.

Mavzu — ekranlaringiz uchun umumiy rang palitrasi va burchak yumaloqligi. Har bir faylda mavzu va ko‘rinish (yorug‘ yoki qorong‘i) bor, ekranlar mavzu tokenlari bilan uslublanadi. Mavzuni tahrirlasangiz, undan foydalanadigan har bir ekran unga ergashadi — shuning uchun jamoangiz har bir promptda ranglarni qayta yozmasdan, bir to‘plam qarorlar bilan ishlaydi.

Siz yaratgan yoki generatsiya qilgan mavzular tashkilotingizga saqlanadi va bosh sahifada **Themes** bo‘limida ro‘yxatlanadi, shuning uchun tashkilotdagi istalgan fayl ulardan foydalanishi mumkin.

## Fayl uchun mavzuni tanlash

Yangi ekranlar uchun mavzu va ko‘rinishni fayl ichidagi prompt tuzuvchidan tanlang. Mavzu tugmasi bosh sahifadagi prompt maydonida mavjud emas.

<Steps>
  <Step title="Mavzu menyusini oching">
    Prompt tuzuvchisida mavzu tugmasini bosing — u joriy mavzu namunasini ko‘rsatadi yoki mavzu **Automatic** bo‘lganda rang g‘ildiragini. Menyu sarlavhasi **Theme for new screens**.
  </Step>

  <Step title="Mavzuni tanlang">
    **Automatic**, tashkilotingiz mavzularidan biri (birinchi ro‘yxatda) yoki o‘rnatilgan mavzulardan birini tanlang: **Default**, **Blue**, **Grayscale**, **Green**, **Ice**, **Orange**, **Red**, **Rose**, **Violet** yoki **Yellow**.
  </Step>

  <Step title="Ko‘rinishni tanlang">
    **Appearance** ostida **Light** yoki **Dark** ni tanlang yoki **Automatic** ni tanlang — shunda Flowstep har bir ekran uchun promptdan qaror qiladi: "qorong‘i boshqaruv paneli" qorong‘i chiqadi.
  </Step>
</Steps>

<Note>
  Tanlovingiz keyingi yaratadigan ekranlaringizga qo‘llanadi. Kanvasda allaqachon turgan ekranlar o‘z ko‘rinishini saqlaydi.
</Note>

## Flowstep mavzuni loyihalashiga ruxsat bering

Faylda hali mavzu bo‘lmasa — mavzu **Automatic** da qoldirilgan yangi fayl — Flowstep yaratgan birinchi ekranlar bilan birga maxsus mavzu loyihalaydi. Ish davom etayotganda chatda **Designing theme** bosqichini ko‘rasiz.

Flowstep mavzuni quyidagilardan yaratadi:

* Promptda nomlagan ranglaringiz
* [Dizayn yo‘riqnomalaringizdagi](/uz/design-guidelines) ranglar
* Biriktirmalar va [joylashtirgan havolalaringizdagi](/uz/design-references#paste-a-url) brend ranglari
* Aniqroq asos bo‘lmaganda, promptingiz tavsiflagan mahsulot va kayfiyat

Mavzuga qisqa nom, yorug‘ va qorong‘i uchun to‘liq palitra hamda yumaloqlik qadami beriladi. U tashkilotingizga bosh sahifada **Themes** ostida saqlanadi va fayl undan keyin yaratilgan har bir ekran uchun uni ishlatadi.

Faylda mavzu bo‘lgach, Flowstep o‘zi boshqa mavzu loyihalamaydi. Yangi mavzu olish uchun mavzu menyusida yana **Automatic** ni tanlang — keyingi generatsiya yangi mavzu loyihalaydi va fayl unga o‘rnashadi. Agar Flowstep mavzu loyihalay olmasa, fayl o‘rnatilgan mavzuga qaytadi.

<Tip>
  Birinchi promptingizda brend ranglaringizni ayting yoki generatsiya qilishdan oldin ularni [dizayn yo‘riqnomalaringizda](/uz/design-guidelines) belgilang — shunda yaratilgan mavzu ularni boshlang‘ich nuqta qilib oladi.
</Tip>

## Bitta ekran mavzusini o‘zgartirish

Faylning qolgan qismiga tegmasdan bitta ekranni qayta uslublash uchun:

1. Kanvasda ekranni tanlang.
2. Ekran ustidagi menyuda **Theme** tugmasini bosing.
3. Tashkilotingiz mavzularidan yoki o‘rnatilgan mavzudan birini tanlang yoki **Light** va **Dark** o‘rtasida almashtiring.

Mavzuni almashtirish ekranni darhol qayta bo‘yaydi. **Light** va **Dark** o‘rtasida almashtirish esa AI dan ekranni qayta uslublashni so‘raydi — xuddi [AI tahriri](/uz/editing-designs) kabi. Generatsiya davom etayotganda menyu mavjud emas.

## Mavzuni tahrirlash

Bosh sahifadagi **Themes** bo‘limidan mavzuni oching. Mavzu tahrirlovchisi mavzuning jonli ko‘rinishini, o‘ngda **Theme settings** bilan ko‘rsatadi. Ko‘rinishni almashtirish uchun yuqoridagi **Light** va **Dark** tugmalaridan foydalaning va nomini o‘zgartirish uchun mavzu nomini bosing.

* **Colors** — har bir rang guruhida yorug‘ uchun bitta va qorong‘i uchun bitta namuna bor: **Primary**, **Secondary**, **Accent**, **Muted**, **Destructive**, **Background**, **Card**, **Popover**, **Border**, **Input**, **Ring**, **Charts** va **Sidebar**. Ranglarni tahrirlash uchun namunani bosing — masalan, guruhning to‘ldirish va matn ranglarini rang tanlagich yoki hex qiymat bilan o‘zgartiring.
* **Radius** — yumaloqlik qadamini tanlang (**Square**, **Slight**, **Balanced**, **Soft** yoki **Round**), yoki **Custom** ni tanlab, o‘zingizniki uchun **Base radius** ni suring.

Tahrirlaringiz qoralama sifatida saqlanadi, shuning uchun ishlayotganingizda ekranlar o‘zgarmaydi. Tayyor bo‘lganingizda:

* Mavzudan foydalanadigan har bir ekranni yangilash uchun **Publish** ni bosing. Flowstep "Published. Screens using this theme are updating." xabari bilan tasdiqlaydi (ya’ni: mavzudan foydalanayotgan ekranlar yangilanmoqda).
* Nashr etilmagan o‘zgarishlarni bekor qilish uchun **Reset changes** ni bosing. Mavzudan foydalanayotgan ekranlarga ta’sir qilmaydi.

Mavzuni o‘chirish uchun **Theme settings** pastidagi **Delete theme** ni bosing yoki bosh sahifadagi **Themes** ro‘yxatida uning yonidagi axlat qutisi belgisini bosing. O‘chirilgan mavzu endi mavzu menyularida taklif qilinmaydi, ammo unda allaqachon ishlatilayotgan ekranlar o‘z ko‘rinishini saqlaydi, shuning uchun kanvasingizdagi hech narsa o‘zgarmaydi.

<Note>
  Tashkilotingizdagi Guest (mehmon) bo‘lmagan barcha a’zolar mavzularni tahrirlashi va o‘chirishi mumkin.
</Note>

## Ranglar va burchaklarni mavzuingizga bog‘lash

Ranglar va burchaklar belgilangan qiymat o‘rniga mavzu tokeniga ishora qilishi mumkin. Bog‘langan qiymat ekran mavzusiga ergashadi, shuning uchun mavzu o‘zgarganda — boshqa mavzu, nashr etilgan tahrir yoki yorug‘ va qorong‘i o‘rtasida almashtirish — bog‘langan ranglar va burchaklar u bilan birga yangilanadi.

**Colors** — **Fill** yoki **Border** panelida rang namunasini bosing. **Token** yorlig‘ida **Theme**, **Base** yoki **Tailwind** guruhlaridan tokenni qidiring yoki tanlang. Aniq rang uchun **Custom** yorlig‘idan foydalaning. Bog‘langan rang panelda token nomini ko‘rsatadi va uning shaffofligini hali ham sozlashingiz mumkin.

**Corners** — **Corners** panelida burchak ko‘rinishini bosing. **Token** yorlig‘ida qadamni tanlang (masalan, `md` yoki `lg`); **Custom** yorlig‘ida pikselda aniq qiymatni kiriting. Bog‘langan burchak token nomini ko‘rsatadi, mavzu yumaloqligini o‘zgartirish esa uni qayta yumaloqlaydi.

Bog‘langan qiymatni yana belgilangan qiymatga aylantirish uchun **Detach from token** ni bosing. Rang yoki burchak joriy ko‘rinishini saqlaydi, ammo endi mavzuga ergashmaydi.

## Bilib qo‘yish foydali

* **Ekranlar o‘z mavzusini saqlaydi** — har bir ekran o‘z mavzusi va ko‘rinishini eslab qoladi. Fayl mavzusini o‘zgartirish faqat keyingi yaratiladigan ekranlarga ta’sir qiladi; mavjudlarini qayta uslublash uchun har bir ekranning **Theme** menyusidan foydalaning.
* **Faqat nashr etilgan versiyalar** — ekranlar mavzuning nashr etilgan versiyasini ko‘rsatadi. Qoralamalar nashr qilmaguningizcha faqat mavzu tahrirlovchisida ko‘rinadi.
* **Token havolalari tahrirlardan keyin saqlanadi** — soyalar, filtrlar va gradientlar ichida ishlatilgan mavzu ranglari Flowstep ekranni tahrirlaganda yoki qayta yaratganda mavzuga bog‘langan holda qoladi.
* **Miqyoslanmaydigan yumaloqlik qadamlari** — `none` va `full` burchak tokenlari mavzu yumaloqligidan qat’i nazar doim mos ravishda to‘rtburchak va to‘liq yumaloq bo‘ladi.


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