CSS light-dark() कार्यक्रम

रोगान्तरण और उपयोग

CSS का light-dark() कार्यक्रम की मदद से दो रंग मान सेट किया जा सकता है; यदि उपयोगकर्ता उज्जवल थीम सेट करता है, तो पहला मान वापस किया जाता है; यदि उपयोगकर्ता गहरे थीम सेट करता है, तो दूसरा मान वापस किया जाता है。

इस्तेमाल करने के लिए light-dark() कार्यक्रम color-scheme गुण को light dark में सेट करना आवश्यक है。

सूचना:उपयोगकर्ता ऑपरेटिंग सिस्टम सेटिंग (उज्जवल या गहरे मोड) या ब्राउज़र सेटिंग के माध्यम से अपनी रंग थीम पसंद को निर्दिष्ट कर सकते हैं。

उदाहरण

उपयोग light-dark() फ़ंक्शन दो रंग मान सेट करता है:

:root {
  color-scheme: light dark;
  --light-bg: स्नोव;
  --light-color: ब्लैक;
  --dark-bg: ब्लैक;
  --dark-color: स्नोव;
}
* {
  background-color: light-dark(var(--light-bg), var(--dark-bg));
  color: light-dark(var(--light-color), var(--dark-color));
}

खुद आयात करें

CSS व्याकरण

light-dark(lightcolor, darkcolor)

तकनीकी विवरण

ब्राउज़र समर्थन

तालिका में दिए गए नंबर इस फ़ंक्शन को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र का संस्करण को प्रदर्शित करते हैं。

संबंधित पृष्ठ

संदर्भ:CSS color-scheme गुण

संदर्भ:CSS var() फ़ंक्शन

ट्यूटोरियल:CSS वेरियेबल