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

# रंगों और कोनों की गोलाई को Flowstep स्क्रीन पर एक जैसा रखने के लिए थीम का उपयोग करें

> हर फ़ाइल के लिए थीम चुनें या जनरेट करें, एकल स्क्रीन की स्टाइल बदलें, अपने संगठन की थीम एडिट करें, और रंगों व कोनों को थीम टोकन से जोड़ें ताकि बदलाव हर स्क्रीन पर लागू हों।

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

आपकी बनाई या जनरेट की गई थीम आपके संगठन में सेव होती हैं और Home पर **Themes** के अंतर्गत सूचीबद्ध होती हैं, ताकि संगठन की कोई भी फ़ाइल उनका उपयोग कर सके।

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

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

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

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

  <Step title="दिखावट चुनें">
    **Appearance** के अंतर्गत **Light** या **Dark** चुनें, या **Automatic** चुनें ताकि Flowstep आपके प्रॉम्प्ट से हर स्क्रीन के लिए तय करे — "एक डार्क डैशबोर्ड" डार्क बनकर आता है।
  </Step>
</Steps>

<Note>
  आपकी पसंद अगली जनरेट होने वाली स्क्रीन पर लागू होती है। कैनवस पर पहले से मौजूद स्क्रीन अपना लुक बनाए रखती हैं।
</Note>

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

जब किसी फ़ाइल में अभी तक थीम नहीं है — जैसे कोई नई फ़ाइल जिसकी थीम **Automatic** पर छोड़ी गई है — तो Flowstep पहली जनरेट की गई स्क्रीन के साथ एक कस्टम थीम डिज़ाइन करता है। काम के दौरान चैट में आपको **Designing theme** चरण दिखेगा।

Flowstep थीम इनसे बनाता है:

* आपके प्रॉम्प्ट में बताए गए रंग
* आपकी [डिज़ाइन गाइडलाइन्स](/hi/design-guidelines) के रंग
* अटैचमेंट और आपके चिपकाए गए [लिंक](/hi/design-references#paste-a-url) से ब्रांड के रंग
* आपके प्रॉम्प्ट में वर्णित प्रोडक्ट और मूड, जब और कोई ठोस जानकारी न हो

थीम को एक छोटा नाम, लाइट और डार्क दोनों के लिए पूरा पैलेट, और एक गोलाई स्तर मिलता है। यह आपके संगठन में Home पर **Themes** के अंतर्गत सेव होती है, और फ़ाइल उसके बाद जनरेट होने वाली हर स्क्रीन के लिए इसका उपयोग करती है।

एक बार फ़ाइल में थीम हो जाने पर, Flowstep अपने-आप दूसरी थीम नहीं बनाता। नई थीम पाने के लिए थीम मेनू में फिर से **Automatic** चुनें — अगली जनरेशन एक नई थीम डिज़ाइन करती है और फ़ाइल उसी पर टिक जाती है। अगर Flowstep थीम डिज़ाइन नहीं कर पाता, तो फ़ाइल एक बिल्ट-इन थीम पर वापस चली जाती है।

<Tip>
  अपने पहले प्रॉम्प्ट में ब्रांड के रंग बताएँ, या जनरेट करने से पहले उन्हें अपनी [डिज़ाइन गाइडलाइन्स](/hi/design-guidelines) में सेट करें, और जनरेट की गई थीम उन्हीं से शुरू होगी।
</Tip>

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

फ़ाइल के बाकी हिस्से को छुए बिना एक स्क्रीन की स्टाइल बदलने के लिए:

1. कैनवस पर स्क्रीन चुनें।
2. स्क्रीन के ऊपर के मेनू में **Theme** बटन पर क्लिक करें।
3. अपने संगठन की कोई थीम या कोई बिल्ट-इन थीम चुनें, या **Light** और **Dark** के बीच स्विच करें।

थीम बदलने से स्क्रीन तुरंत फिर से पेंट हो जाती है। **Light** और **Dark** के बीच स्विच करने पर Flowstep से स्क्रीन को फिर से स्टाइल करने के लिए कहा जाता है, जैसे [AI एडिट](/hi/editing-designs) में होता है। जब जनरेशन चल रही हो, तब यह मेनू उपलब्ध नहीं होता।

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

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** सूची में उसके बगल के ट्रैश आइकन पर क्लिक करें। हटाई गई थीम अब थीम मेनू में नहीं दी जाती, लेकिन उसे पहले से इस्तेमाल करने वाली स्क्रीन अपना लुक बनाए रखती हैं, इसलिए आपके कैनवस पर कुछ नहीं बदलता।

<Note>
  संगठन में Guests (अतिथि) को छोड़कर हर कोई थीम एडिट और डिलीट कर सकता है।
</Note>

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

रंग और कोने एक फ़िक्स्ड वैल्यू के बजाय थीम टोकन की ओर इशारा कर सकते हैं। जुड़ी हुई वैल्यू स्क्रीन की थीम का अनुसरण करती है, इसलिए जब थीम बदलती है — अलग थीम, प्रकाशित एडिट, या लाइट और डार्क के बीच स्विच — तो जुड़े रंग और कोने भी उसी के साथ अपडेट होते हैं।

**Colors** — **Fill** या **Border** पैनल में रंग स्वैच पर क्लिक करें। **Token** टैब पर **Theme**, **Base**, या **Tailwind** समूहों से कोई टोकन खोजें या चुनें। सटीक रंग के लिए **Custom** टैब उपयोग करें। जुड़ा हुआ रंग पैनल में अपना टोकन नाम दिखाता है, और आप फिर भी उसकी अपारदर्शिता बदल सकते हैं।

**Corners** — **Corners** पैनल में कोने के प्रीव्यू पर क्लिक करें। **Token** टैब पर कोई स्टेप चुनें (जैसे `md` या `lg`); **Custom** टैब पर पिक्सल में सटीक वैल्यू टाइप करें। जुड़ा हुआ कोना अपना टोकन नाम दिखाता है, और थीम की गोलाई बदलने पर उसकी गोलाई फिर से तय हो जाती है।

जुड़ी हुई वैल्यू को वापस फ़िक्स्ड बनाने के लिए **Detach from token** पर क्लिक करें। रंग या कोना अपना मौजूदा लुक रखता है, लेकिन अब थीम का अनुसरण नहीं करता।

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

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


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