Skip to main content
थीम स्क्रीन के लिए एक साझा रंग पैलेट और कोनों की गोलाई है। हर फ़ाइल की एक थीम और एक दिखावट (लाइट या डार्क) होती है, और स्क्रीन थीम के टोकन से स्टाइल होती हैं। थीम एडिट करें, तो उसका उपयोग करने वाली हर स्क्रीन उसके अनुसार बदल जाती है, इसलिए आपकी टीम हर प्रॉम्प्ट में रंग दोहराने के बजाय निर्णयों के एक ही सेट पर काम करती है। आपकी बनाई या जनरेट की गई थीम आपके संगठन में सेव होती हैं और Home पर Themes के अंतर्गत सूचीबद्ध होती हैं, ताकि संगठन की कोई भी फ़ाइल उनका उपयोग कर सके।

​
फ़ाइल के लिए थीम चुनें

किसी फ़ाइल के अंदर प्रॉम्प्ट कंपोज़र से नई स्क्रीन के लिए थीम और दिखावट चुनें। Home पर प्रॉम्प्ट बॉक्स में थीम बटन उपलब्ध नहीं है।
1

थीम मेनू खोलें

प्रॉम्प्ट कंपोज़र में थीम बटन पर क्लिक करें — यह मौजूदा थीम का स्वैच दिखाता है, या जब थीम Automatic हो तो कलर व्हील। मेनू का शीर्षक Theme for new screens है।
2

थीम चुनें

Automatic, अपने संगठन की कोई थीम (सबसे पहले सूचीबद्ध), या कोई बिल्ट-इन थीम चुनें: Default, Blue, Grayscale, Green, Ice, Orange, Red, Rose, Violet, या Yellow।
3

दिखावट चुनें

Appearance के अंतर्गत Light या Dark चुनें, या Automatic चुनें ताकि Flowstep आपके प्रॉम्प्ट से हर स्क्रीन के लिए तय करे — “एक डार्क डैशबोर्ड” डार्क बनकर आता है।
आपकी पसंद अगली जनरेट होने वाली स्क्रीन पर लागू होती है। कैनवस पर पहले से मौजूद स्क्रीन अपना लुक बनाए रखती हैं।

​
Flowstep को थीम डिज़ाइन करने दें

जब किसी फ़ाइल में अभी तक थीम नहीं है — जैसे कोई नई फ़ाइल जिसकी थीम Automatic पर छोड़ी गई है — तो Flowstep पहली जनरेट की गई स्क्रीन के साथ एक कस्टम थीम डिज़ाइन करता है। काम के दौरान चैट में आपको Designing theme चरण दिखेगा। Flowstep थीम इनसे बनाता है:
  • आपके प्रॉम्प्ट में बताए गए रंग
  • आपकी डिज़ाइन गाइडलाइन्स के रंग
  • अटैचमेंट और आपके चिपकाए गए लिंक से ब्रांड के रंग
  • आपके प्रॉम्प्ट में वर्णित प्रोडक्ट और मूड, जब और कोई ठोस जानकारी न हो
थीम को एक छोटा नाम, लाइट और डार्क दोनों के लिए पूरा पैलेट, और एक गोलाई स्तर मिलता है। यह आपके संगठन में Home पर Themes के अंतर्गत सेव होती है, और फ़ाइल उसके बाद जनरेट होने वाली हर स्क्रीन के लिए इसका उपयोग करती है। एक बार फ़ाइल में थीम हो जाने पर, Flowstep अपने-आप दूसरी थीम नहीं बनाता। नई थीम पाने के लिए थीम मेनू में फिर से Automatic चुनें — अगली जनरेशन एक नई थीम डिज़ाइन करती है और फ़ाइल उसी पर टिक जाती है। अगर Flowstep थीम डिज़ाइन नहीं कर पाता, तो फ़ाइल एक बिल्ट-इन थीम पर वापस चली जाती है।
अपने पहले प्रॉम्प्ट में ब्रांड के रंग बताएँ, या जनरेट करने से पहले उन्हें अपनी डिज़ाइन गाइडलाइन्स में सेट करें, और जनरेट की गई थीम उन्हीं से शुरू होगी।

​
एक स्क्रीन की थीम बदलें

फ़ाइल के बाकी हिस्से को छुए बिना एक स्क्रीन की स्टाइल बदलने के लिए:
  1. कैनवस पर स्क्रीन चुनें।
  2. स्क्रीन के ऊपर के मेनू में Theme बटन पर क्लिक करें।
  3. अपने संगठन की कोई थीम या कोई बिल्ट-इन थीम चुनें, या Light और Dark के बीच स्विच करें।
थीम बदलने से स्क्रीन तुरंत फिर से पेंट हो जाती है। Light और Dark के बीच स्विच करने पर Flowstep से स्क्रीन को फिर से स्टाइल करने के लिए कहा जाता है, जैसे AI एडिट में होता है। जब जनरेशन चल रही हो, तब यह मेनू उपलब्ध नहीं होता।

​
थीम एडिट करें

Home पर Themes सेक्शन से कोई थीम खोलें। थीम एडिटर दाईं ओर Theme settings के साथ थीम का लाइव प्रीव्यू दिखाता है। प्रीव्यू बदलने के लिए ऊपर के Light और Dark बटन उपयोग करें, और थीम का नाम बदलने के लिए उसके नाम पर क्लिक करें।
  • Colors — हर रंग समूह में लाइट के लिए एक स्वैच और डार्क के लिए एक स्वैच होता है: Primary, Secondary, Accent, Muted, Destructive, Background, Card, Popover, Border, Input, Ring, Charts, और Sidebar। स्वैच पर क्लिक करके उसके रंग एडिट करें — जैसे किसी समूह का फ़िल और टेक्स्ट रंग — रंग पिकर या हेक्स मान से।
  • Radius — कोने की गोलाई का एक स्तर चुनें (Square, Slight, Balanced, Soft, या Round), या Custom चुनें और अपनी गोलाई सेट करने के लिए Base radius को खींचें।
आपके एडिट ड्राफ़्ट के रूप में सेव होते हैं, इसलिए आपके काम करते समय स्क्रीन नहीं बदलतीं। जब आप तैयार हों:
  • थीम का उपयोग करने वाली हर स्क्रीन अपडेट करने के लिए Publish पर क्लिक करें। Flowstep “Published. Screens using this theme are updating.” संदेश से पुष्टि करता है (हिंदी में: इस थीम का उपयोग करने वाली स्क्रीन अपडेट हो रही हैं)।
  • अपने अप्रकाशित बदलाव हटाने के लिए Reset changes पर क्लिक करें। थीम का उपयोग करने वाली स्क्रीन प्रभावित नहीं होतीं।
थीम हटाने के लिए Theme settings के नीचे Delete theme पर क्लिक करें, या Home पर Themes सूची में उसके बगल के ट्रैश आइकन पर क्लिक करें। हटाई गई थीम अब थीम मेनू में नहीं दी जाती, लेकिन उसे पहले से इस्तेमाल करने वाली स्क्रीन अपना लुक बनाए रखती हैं, इसलिए आपके कैनवस पर कुछ नहीं बदलता।
संगठन में Guests (अतिथि) को छोड़कर हर कोई थीम एडिट और डिलीट कर सकता है।

​
रंगों और कोनों को अपनी थीम से जोड़ें

रंग और कोने एक फ़िक्स्ड वैल्यू के बजाय थीम टोकन की ओर इशारा कर सकते हैं। जुड़ी हुई वैल्यू स्क्रीन की थीम का अनुसरण करती है, इसलिए जब थीम बदलती है — अलग थीम, प्रकाशित एडिट, या लाइट और डार्क के बीच स्विच — तो जुड़े रंग और कोने भी उसी के साथ अपडेट होते हैं। Colors — Fill या Border पैनल में रंग स्वैच पर क्लिक करें। Token टैब पर Theme, Base, या Tailwind समूहों से कोई टोकन खोजें या चुनें। सटीक रंग के लिए Custom टैब उपयोग करें। जुड़ा हुआ रंग पैनल में अपना टोकन नाम दिखाता है, और आप फिर भी उसकी अपारदर्शिता बदल सकते हैं। Corners — Corners पैनल में कोने के प्रीव्यू पर क्लिक करें। Token टैब पर कोई स्टेप चुनें (जैसे md या lg); Custom टैब पर पिक्सल में सटीक वैल्यू टाइप करें। जुड़ा हुआ कोना अपना टोकन नाम दिखाता है, और थीम की गोलाई बदलने पर उसकी गोलाई फिर से तय हो जाती है। जुड़ी हुई वैल्यू को वापस फ़िक्स्ड बनाने के लिए Detach from token पर क्लिक करें। रंग या कोना अपना मौजूदा लुक रखता है, लेकिन अब थीम का अनुसरण नहीं करता।

​
जानने योग्य बातें

  • स्क्रीन अपनी थीम रखती हैं — हर स्क्रीन अपनी थीम और दिखावट याद रखती है। फ़ाइल की थीम बदलने का असर केवल अगली जनरेट होने वाली स्क्रीन पर पड़ता है; मौजूदा स्क्रीन को फिर से स्टाइल करने के लिए हर स्क्रीन का Theme मेनू उपयोग करें।
  • केवल प्रकाशित संस्करण — स्क्रीन थीम का प्रकाशित संस्करण दिखाती हैं। ड्राफ़्ट केवल थीम एडिटर में दिखते हैं, जब तक आप प्रकाशित न करें।
  • टोकन लिंक एडिट के बाद भी बने रहते हैं — शैडो, फ़िल्टर और ग्रेडिएंट के अंदर इस्तेमाल हुए थीम रंग थीम से जुड़े रहते हैं, जब Flowstep किसी स्क्रीन को एडिट या री-जनरेट करता है।
  • गोलाई के स्तर जो स्केल नहीं होते — none और full कॉर्नर टोकन हमेशा क्रमशः वर्गाकार और पूरी तरह गोल रहते हैं, चाहे थीम की गोलाई कुछ भी हो।