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

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.

​

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 ranglar
• Biriktirmalar va joylashtirgan havolalaringizdagi 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.

​

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

​

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.