CSS లైట్‌డార్క్() ఫంక్షన్

నిర్వచనం మరియు ఉపయోగం

కలర్‌స్కీమ్ లైట్‌డార్క్() ఫంక్షన్ రెండు రంగు విలువలను సెట్ చేస్తుంది; వినియోగదారుడు లైట్ థీమ్ సెట్ చేసినట్లయితే మొదటి విలువను తిరిగి చూపుతుంది; డార్క్ థీమ్ సెట్ చేసినట్లయితే రెండవ విలువను తిరిగి చూపుతుంది。

ఉపయోగించడానికి లైట్‌డార్క్() ఫంక్షన్ లో ఉన్న క్లాస్స్స్ సిఎస్ఎస్‌లో కలర్‌స్కీమ్ అటువంటి అనునాయికలను సెట్ చేయాలి: light dark。

అనురూపంగా:వినియోగదారులు ఆపరేటింగ్ సిస్టమ్ సెటింగ్లు (లైట్ లేదా డార్క్ మోడ్) లేదా బ్రౌజర్ సెటింగ్ల ద్వారా తమ కలర్ స్కీమ్ ప్రాధాన్యతను నిర్దేశించవచ్చు.

ఉదాహరణ

ఉపయోగించండి లైట్‌డార్క్() ఫంక్షన్ రెండు రంగు విలువలను సెట్ చేస్తుంది:

:రూట్ {
  కలర్‌స్కీమ్: లైట్ డార్క్;
  --లైట్‌బిగ్: స్నో్;
  --లైట్‌కలర్: బ్లాక్;
  --డార్క్‌బిగ్: బ్లాక్;
  --డార్క్‌కలర్: స్నో్;
}
* {
  బ్యాక్‌గ్రౌండ్‌కలర్: లైట్‌డార్క్(వార్‌పార్క్‌బిగ్, వార్‌పార్క్‌బిగ్);
  కలర్: లైట్‌డార్క్(వార్‌పార్క్‌కలర్, వార్‌పార్క్‌కలర్);
}

స్వయంగా ప్రయత్నించండి

CSS సంకేతాలు

లైట్‌డార్క్(లైట్‌కలర్, డార్క్‌కలర్)
విలువ వివరణ
లైట్‌కలర్ అవసరమైనది. తెలుపు థీమ్‌కు వర్తించే రంగు విలువను నిర్దేశించండి.
డార్క్‌కలర్ అవసరమైనది. శ్యాడీ థీమ్‌కు వర్తించే రంగు విలువను నిర్దేశించండి.

సాంకేతిక వివరాలు

వెర్షన్: CSS కలర్ మొడ్యూల్ లెవల్ 5

బ్రౌజర్ మద్దతు

పట్టికలో ఉన్న సంఖ్యలు ఈ ఫంక్షన్‌ను పూర్తిగా మద్దతు ఇస్తున్న బ్రౌజర్ వెర్షన్‌ని సూచిస్తాయి。

క్రోమ్ ఎడ్జ్ ఫైర్‌ఫాక్స్ సఫారీ ఆపెరా
123 123 120 17.5 109

相关页面

参考:CSS color-scheme అట్రిబ్యూట్

参考:CSS var() ఫంక్షన్

教程:CSS వేరియబుల్స్