ویژگی color-scheme CSS

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

color-scheme این ویژگی نشان‌دهنده این است که عنصر باید با استفاده از کدام طرح رنگ سیستم عامل رندر شود.

انتخاب‌های معمول طرح رنگ سیستم عامل معمولاً "light" ( روشن ) و "dark" ( تاریک ) یا "day mode" ( حالت روز ) و "night mode" ( حالت شب ) است.

مثال

تمام صفحه را به طرح رنگ تاریک تنظیم کنید:

:root {
  color-scheme: dark;
}

آزمایش شخصی کنید

جعبه‌نویسی CSS

color-scheme: normal|light|dark|only light|only dark|light dark;

مقدار ویژگی

جزئیات فنی

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه‌ای است که اولین مرورگر کامل این ویژگی را پشتیبانی می‌کند.