मुख्य सामग्री पर जाएँ

    हम कुकीज़ का उपयोग करते हैं

    हम आपके अनुभव को बेहतर बनाने के लिए कुकीज़ का उपयोग करते हैं।

    हमारे इसमें अधिक जानें कुकीज़ और गोपनीयता

    shadcn/ui थीम जनरेटर

    लाइट व डार्क मोड के लिए रंग tokens वाली अनुकूलित shadcn/ui थीम बनाएं और पूरे इंटरफ़ेस की सुसंगत उपस्थिति के लिए कॉन्फ़िग कॉपी करें।

    Base

    Primary

    Secondary

    Muted & Accent

    Destructive

    Borders & Input

    पूर्वावलोकन

    घटक पूर्वावलोकन

    Card content

    Muted text example

    @layer base {
      :root {
        --background: 0 0% 100%;
        --foreground: 0 0% 4%;
        --card: 0 0% 100%;
        --card-foreground: 0 0% 4%;
        --popover: 0 0% 100%;
        --popover-foreground: 0 0% 4%;
        --primary: 0 0% 9%;
        --primary-foreground: 0 0% 98%;
        --secondary: 0 0% 96%;
        --secondary-foreground: 0 0% 9%;
        --muted: 0 0% 96%;
        --muted-foreground: 0 0% 45%;
        --accent: 0 0% 96%;
        --accent-foreground: 0 0% 9%;
        --destructive: 0 84% 60%;
        --destructive-foreground: 0 0% 98%;
        --border: 0 0% 90%;
        --input: 0 0% 90%;
        --ring: 0 0% 9%;
        --radius: 0.5rem;
      }
    }

    लाइट व डार्क मोड के लिए रंग tokens वाली अनुकूलित shadcn/ui थीम बनाएं और पूरे इंटरफ़ेस की सुसंगत उपस्थिति के लिए कॉन्फ़िग कॉपी करें।

    shadcn/ui थीम जनरेटर केवल वही नियंत्रण और परिणाम दिखाता है जो उसके काम से जुड़े हैं। उपलब्ध विकल्प टूल और दिए गए इनपुट पर निर्भर करते हैं।

    समर्थित प्रारूप

    CSS
    Tailwind
    HSL
    shadcn/ui

    यह कैसे काम करता है

    1

    चरण 1

    shadcn/ui थीम जनरेटर खोलें और इंटरफ़ेस द्वारा मांगा गया इनपुट तैयार करें

    2

    चरण 2

    ज़रूरत के परिणाम के अनुसार दिख रहे नियंत्रण समायोजित करें

    3

    चरण 3

    कॉपी, एक्सपोर्ट या दोबारा उपयोग से पहले परिणाम जांचें

    बचने के लिए सामान्य गलतियाँ

    • जो फ़ॉर्मेट या विकल्प इंटरफ़ेस में नहीं दिखता, उसे समर्थित न मानें।
    • ब्रांड, इंटरफ़ेस या प्रोडक्शन फ़ाइल में उपयोग से पहले मान जांचें।
    • टेक्स्ट या UI में उपयोग होने पर कंट्रास्ट भी जांचें।

    प्रो टिप्स

    • वेरिएंट तुलना के लिए स्रोत मान और परिणाम साथ रखें।
    • अनुमानित कन्वर्ज़न के बजाय टूल में वास्तव में दिखने वाले फ़ॉर्मेट इस्तेमाल करें।
    • मोबाइल और टैबलेट पर टेक्स्ट और नियंत्रण को नई पंक्तियों में जाने दें।

    डेटा प्रबंधन

    डेटा प्रोसेसिंग उपयोग की गई सुविधा पर निर्भर करती है। साइट की सहमति, एनालिटिक्स और अकाउंट सुविधाएँ रंग ऑपरेशन से अलग हैं।

    यह टूल क्या करता है

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

    उपयुक्त इनपुट तैयार करें

    shadcn/ui थीम जनरेटर जिस इनपुट की मांग करता है, उससे शुरू करें: स्क्रीन के अनुसार रंग, मान, छवि या सेटिंग। इस पेज पर CSS, Tailwind, HSL, shadcn/ui फ़ॉर्मेट दिए गए हैं। यदि कोई फ़ॉर्मेट या विकल्प इंटरफ़ेस में नहीं दिखता तो उसे इस विशेष फ़ंक्शन का समर्थन न मानें।

    परिणाम पढ़ें और जांचें

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

    मोबाइल और टैबलेट पर उपयोग

    shadcn/ui थीम जनरेटर साइट के responsive लेआउट का उपयोग करता है। संकरी स्क्रीन पर शीर्षक, उपशीर्षक, breadcrumbs और नियंत्रण नई पंक्तियों में जा सकते हैं ताकि लंबे अनुवाद न कटें। फिर भी अंतिम परिणाम को उस डिवाइस और संदर्भ में जांचें जहां आप उसे उपयोग करेंगे।

    प्रोजेक्ट में परिणाम दोबारा उपयोग करें

    परिणाम जांचने के बाद केवल वही क्रियाएं इस्तेमाल करें जो shadcn/ui थीम जनरेटर वास्तव में देता है, जैसे उपलब्ध होने पर कॉपी या एक्सपोर्ट। सेटिंग दोहरानी हो तो स्रोत मान रखें और UI रंगों के लिए रंग की भूमिका तथा आवश्यक कंट्रास्ट भी दर्ज करें।

    संबंधित टूल

    गाइड और ट्यूटोरियल

    हमारे विस्तृत गाइड के साथ हमारे टूल्स का उपयोग करना सीखें।

    अक्सर पूछे जाने वाले प्रश्न

    लाइट व डार्क मोड के लिए रंग tokens वाली अनुकूलित shadcn/ui थीम बनाएं और पूरे इंटरफ़ेस की सुसंगत उपस्थिति के लिए कॉन्फ़िग कॉपी करें।

    टूल खोलें, इंटरफ़ेस द्वारा मांगा गया इनपुट दें, दिख रहे नियंत्रण समायोजित करें और परिणाम जांचें।

    इस पेज पर ये फ़ॉर्मेट दिए गए हैं: CSS, Tailwind, HSL, shadcn/ui. सटीक समर्थन फ़ंक्शन और shadcn/ui थीम जनरेटर में वास्तव में दिखने वाले नियंत्रणों पर निर्भर करता है।

    हाँ। लेआउट responsive है और संकरी स्क्रीन पर टेक्स्ट व नियंत्रण को नई पंक्तियों में जाने देता है।

    स्रोत मान, लागू सेटिंग्स और परिणाम जांचें। टेक्स्ट या UI के लिए वास्तविक संदर्भ में कंट्रास्ट भी देखें।

    हमारे विस्तृत गाइड के साथ हमारे टूल्स का उपयोग करना सीखें।

    संबंधित टूल