كاشف سمة النظام
تحقق مما إذا كان جهازك مضبوطًا على الوضع الداكن أو الفاتح. تتحدث النتيجة فور تغيير سمة النظام.
يمكنك التبديل بين الوضع الداكن والفاتح من إعدادات جهازك، وستتحدّث النتيجة فورًا.
ملف القراءة
ما هي `prefers-color-scheme`؟
prefers-color-scheme هي ميزة وسائط في CSS تُخبر المواقع الإلكترونية ما إذا كنت تفضّل المظهر الداكن أم الفاتح. تستمد المتصفحات هذه المعلومة من إعداد الوضع الداكن في نظامك على Windows أو macOS أو Linux أو Android أو iOS، وتغيّر المواقع ألوانها باستخدام @media (prefers-color-scheme: dark) في CSS أو window.matchMedia("(prefers-color-scheme: dark)") في JavaScript. إذا ظلّ أحد المواقع فاتحًا بينما نظامك مضبوط على الوضع الداكن، فتحقّق أولًا مما يبلّغ عنه متصفحك فعلًا.
وصف الأداة
تعرض هذه الأداة مظهر نظامك في مساحة كبيرة واحدة: داكن مع هلال، أو فاتح مع شمس. تسأل متصفحك عمّا إذا كان prefers-color-scheme: dark ينطبق، وتستمع إلى التغييرات؛ لذا عندما تبدّل بين الوضعين الداكن والفاتح في إعدادات جهازك، تُحدَّث النتيجة فورًا من دون إعادة تحميل الصفحة. وتظهر النتيجة «فاتح» لأي قيمة لا تشير إلى الوضع الداكن.
تعكس النتيجة ما يبلّغه متصفحك للمواقع، وقد لا يطابق ذلك دائمًا إعدادات نظامك. فمثلًا، يتضمن Firefox إعدادًا لمظهر مواقع الويب، يتيح جعل جميع المواقع فاتحة أو داكنة بصرف النظر عن إعداد النظام.
الميزات
- تعرض الوضع الداكن أو الفاتح بنظرة سريعة
- تُحدَّث مباشرةً عند تغيير مظهر النظام
- تعمل في متصفحك من دون الحاجة إلى تثبيت أي شيء