توابع light-dark() CSS

تعریف و استفاده

CSS light-dark() توابع اجازه می‌دهد دو مقدار رنگ تنظیم شوند، اگر کاربر موضوع روشن را تنظیم کرده باشد، مقدار اول را بازمی‌گرداند؛ اگر موضوع تاریک را تنظیم کرده باشد، مقدار دوم را بازمی‌گرداند.

برای استفاده light-dark() توابع، CSS color-scheme ویژگی باید به light dark تنظیم شود.

توجه:کاربر می‌تواند از تنظیمات سیستم عامل (موضوع روشن یا تاریک) یا تنظیمات مرورگر برای مشخص کردن ترجیح رنگ‌های خود استفاده کند.

مثال

استفاده 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 رنگ-اسکیم اپریٹر

ملاحظات:CSS var() کی فنکشن

تعلیم:CSS کی متغیر