Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

CSS का उपयोग करने वाली वेबसाइटों के लिए एक डार्क / लाइट मोड कैसे बनाएं

<घंटा/>

किसी पेज के टेक्स्ट-कलर और बैकग्राउंड का रंग बदलकर, हम अपनी वेबसाइट के लिए डार्क/लाइट मोड जोड़ सकते हैं।

सिंटैक्स

डार्क मोड लागू करने के लिए निम्न सिंटैक्स का उपयोग किया जा सकता है।

<पूर्व>चयनकर्ता {रंग:सफ़ेद; पृष्ठभूमि-रंग:काला}

उदाहरण

     

सस्पेंडिस एगेट फिनिबस नाला, ए पुल्विनर एस्ट। सस्पेंडिस एगेट एलीफेंड निभ। नेक मास मोलेस्टी में, व्हीकल सेपियन ए, कॉन्सेक्टेटूर ननक। ऐनियन और निस्ल वल्पुटेट मील स्केलेरिस्क कमोडो एनईसी एट मौरिस। डुइस टिनसीडंट ऑक्टर पॉज़ियर।

यह निम्न आउटपुट देता है

CSS का उपयोग करने वाली वेबसाइटों के लिए एक डार्क / लाइट मोड कैसे बनाएं

उदाहरण

     

Duis Tincidunt auctor posuere.

CSS का उपयोग करने वाली वेबसाइटों के लिए एक डार्क / लाइट मोड कैसे बनाएं

यह निम्न आउटपुट देता है

CSS का उपयोग करने वाली वेबसाइटों के लिए एक डार्क / लाइट मोड कैसे बनाएं

CSS का उपयोग करने वाली वेबसाइटों के लिए एक डार्क / लाइट मोड कैसे बनाएं


  1. एज ब्राउजर का उपयोग करने वाली वेबसाइटों पर डार्क मोड को कैसे लागू करें

    आप वेबसाइटों और वेब सामग्री को डार्क मोड . में प्रदर्शित करने के लिए बाध्य कर सकते हैं एज ब्राउज़र . का उपयोग करके . इसका मतलब है कि एक सफेद पृष्ठभूमि के बजाय, उनकी वेब सामग्री एक काली पृष्ठभूमि पर प्रदर्शित होगी। हम पहले ही देख चुके हैं कि Google क्रोम का उपयोग करने वाली वेबसाइटों पर डार्क मोड को

  1. एज ब्राउजर का उपयोग करने वाली वेबसाइटों पर डार्क मोड को कैसे लागू करें

    आप वेबसाइटों और वेब सामग्री को डार्क मोड . में प्रदर्शित करने के लिए बाध्य कर सकते हैं एज ब्राउज़र . का उपयोग करके . इसका मतलब है कि एक सफेद पृष्ठभूमि के बजाय, उनकी वेब सामग्री एक काली पृष्ठभूमि पर प्रदर्शित होगी। हम पहले ही देख चुके हैं कि Google क्रोम का उपयोग करने वाली वेबसाइटों पर डार्क मोड को

  1. Android के लिए क्रोम पर डार्क मोड कैसे इनेबल करें

    क्रोम के साथ आने वाले हर अपडेट के साथ, आपको या तो बग फिक्स मिलते हैं या वे विकल्प मिलते हैं जिनका आप लंबे समय से इंतजार कर रहे थे। Chrome 74 के साथ, Google आपके लिए डार्क मोड लेकर आया है जो आपको पारंपरिक सफेद रंग से एक विराम देगा। Android के लिए Chrome के डार्क मोड का आनंद लेने के लिए, आपके पास Chr