CSS light-dark() ਫੰਕਸਨ

Previous Page CSS lch() function
Next Page CSS linear-gradient() function
Go to Parent Layer سی ایس ایس فونکشن مراجع میکانیزم

ਵਿਵਰਣ ਅਤੇ ਵਰਤੋਂ

CSS ਦਾ light-dark() ਫੰਕਸਨ ਦੋ ਰੰਗ ਮੁੱਲ ਸੈਟ ਕਰਦੀ ਹੈ; ਜੇਕਰ ਉਪਭੋਗਤਾ ਨੇ ਕੋਲਰ ਫ੍ਰੇਮ ਸੈਟ ਕੀਤਾ ਤਾਂ ਪਹਿਲਾ ਮੁੱਲ ਵਾਪਸ ਦਿੱਤਾ ਜਾਵੇਗਾ; ਜੇਕਰ ਉਪਭੋਗਤਾ ਨੇ ਗਹਿਰੇ ਮੋਡ ਸੈਟ ਕੀਤਾ ਤਾਂ ਦੂਜਾ ਮੁੱਲ ਵਾਪਸ ਦਿੱਤਾ ਜਾਵੇਗਾ。

ਵਰਤਣ ਲਈ light-dark() ਫੰਕਸਨ، CSS ਦਾ color-scheme ਇਸ ਲਈ ਪੈਰਾਮੀਟਰ ਲਾਜ਼ਮੀ ਹਨ: light dark。

ਸੁਝਾਅ:ਉਪਭੋਗਤਾ ਆਪਣੇ ਆਪਣੇ ਓਪਰੇਟਿੰਗ ਸਿਸਟਮ ਸੈਟਿੰਗ (ਕੋਲਰ ਫ੍ਰੇਮ ਜਾਂ ਗਹਿਰੇ ਮੋਡ) ਜਾਂ ਬਰਾਉਜ਼ਰ ਸੈਟਿੰਗ ਰਾਹੀਂ ਆਪਣੇ ਕੋਲਰ ਸਕੀਮ ਪਸੰਦ ਨਿਰਦੇਸ਼ਿਤ ਕਰ ਸਕਦਾ ਹੈ。

ਉਦਾਹਰਣ

ਵਰਤੋਂ light-dark() ਫੰਕਸਨ ਦੋ ਰੰਗ ਮੁੱਲ ਸੈਟ ਕਰਦੀ ਹੈ:

:root {
  color-scheme: light dark;
  --light-bg: snow;
  --light-color: black;
  --dark-bg: black;
  --dark-color: snow;
}
* {
  background-color: light-dark(var(--light-bg), var(--dark-bg));
  color: light-dark(var(--light-color), var(--dark-color));
}

ਆਪਣੇ ਆਪ ਨਾਲ ਪ੍ਰਯੋਗ ਕਰੋ

CSS ਗਰੰਥ

light-dark(lightcolor, darkcolor)

ਮੁੱਲ	ਵਰਣਨ
lightcolor	ਲਾਜ਼ਮੀ। ਕੋਲਰ ਲਈ ਸ਼ਾਨਦਾਰ ਥੀਮ ਦਾ ਰੰਗ ਮੁੱਲ ਨਿਰਦੇਸ਼ਿਤ ਕਰੋ。
darkcolor	ਲਾਜ਼ਮੀ। ਗਹਿਰੇ ਥੀਮ ਲਈ ਰੰਗ ਮੁੱਲ ਨਿਰਦੇਸ਼ਿਤ ਕਰੋ。