الوضع الداكن

الوضع الداكن، أو السمة الداكنة، أو الوضع الليلي، أو نظام الألوان الفاتح على الداكن، هو نظام ألوان يستخدم نصوصًا وأيقونات وعناصر واجهة مستخدم رسومية فاتحة اللون على خلفية داكنة. يُناقش هذا النظام غالبًا في سياق تصميم واجهات المستخدم الحاسوبية وتصميم مواقع الويب . توفر العديد من مواقع الويب وأنظمة التشغيل الحديثة للمستخدم خيار عرض الوضع الفاتح على الداكن.

يجد بعض المستخدمين أن شاشات الوضع الداكن أكثر جاذبيةً بصريًا، ويزعمون أنها تُخفف إجهاد العين . ^{[ 2 ]} يستهلك عرض اللون الأبيض بأقصى سطوع طاقةً تُقارب ستة أضعاف الطاقة التي يستهلكها اللون الأسود النقي في هاتف جوجل بيكسل 2016 المزود بشاشة OLED . ^{[ 3 ]} مع ذلك، قد لا تستفيد شاشات LED التقليدية من انخفاض استهلاك الطاقة؛ ولكن إذا كانت شاشة LED مزودة بخاصية التعتيم الجزئي، فإنها ستستفيد من انخفاض استهلاك الطاقة. ^{[ 4 ] [ 5 ]} تدعم معظم أنظمة التشغيل الحديثة نظام ألوان اختياريًا فاتحًا على خلفية داكنة. ^{[ 6 ]}

قدمت مايكروسوفت سمات التباين العالي في نظام التشغيل ويندوز 95. لاحقًا، قدمت مايكروسوفت سمة داكنة في التحديث السنوي لنظام ويندوز 10 عام 2016. ^{[ 7 ]} وفي عام 2018، حذت آبل حذوها في نظام macOS Mojave . ^{[ 8 ]} وفي سبتمبر 2019، قدم كل من نظامي iOS 13 وأندرويد 10 الوضع الداكن. ^{[ 9 ] [ 10 ]} توفر بعض أنظمة التشغيل أدوات لتغيير حالة الوضع الداكن تلقائيًا عند غروب الشمس أو شروقها. ^{[ 11 ]} أُضيف خيار "prefers-color-scheme" لمطوري واجهات المستخدم الأمامية في عام 2019، وهو خاصية CSS تُشير إلى اختيار المستخدم استخدام سمة ألوان فاتحة أو داكنة في نظامه. ^{[ 12 ]} يوفر كل من متصفحي فايرفوكس وكروميوم سمة داكنة اختيارية لجميع الشاشات الداخلية. كما يُمكن لمطوري البرامج الخارجيين إضافة سمات داكنة خاصة بهم. ^{[ 13 ]} توجد أيضًا مجموعة متنوعة من إضافات المتصفح التي تُتيح إعادة تصميم مواقع الويب بألوان داكنة، بما يتوافق مع سمة النظام. ^{[ 11 ]} أُضيفت خاصية الوضع الداكن إلى إصداري ويكيبيديا للهواتف المحمولة وأجهزة الكمبيوتر المكتبية في عام 2024. ^{[ 14 ] [ 15 ]}

يوجد prefers-color-schemeاستعلام وسائط في CSS ، يُستخدم للكشف عما إذا كان المستخدم قد طلب نظام ألوان فاتحًا أم داكنًا، ثم يُعرض نظام الألوان المطلوب. ويمكن تحديد ذلك من خلال تفضيلات نظام التشغيل أو من خلال وكيل المستخدم . ^{[ 12 ] [ 16 ]}

مثال على CSS:

@media ( prefers-color - scheme : dark ) { body { color : #ccc ; background : #222 ; } }

< span style = "background-color: light - dark(#fff, #333); color: light-dark(#333, #fff);" > </span>

مثال جافا سكريبت: ^{[ 17 ]}

إذا كانت خاصية ` (prefers- color -scheme: dark) ` موجودة في نافذة المتصفح ، فسيتم عرض الشاشة باللون الداكن .

تتطلب أنظمة الألوان الفاتحة على خلفية داكنة طاقة أقل للعرض على شاشات OLED . وهذا يؤثر إيجاباً على عمر البطارية ويقلل من استهلاك الطاقة. ^{[ 18 ]}

بينما تستهلك شاشة OLED حوالي 40% من طاقة شاشة LCD عند عرض صورة سوداء في الغالب، فإنها قد تستهلك أكثر من ثلاثة أضعاف هذه الطاقة لعرض صورة بخلفية بيضاء، مثل مستند أو موقع ويب. ^{[ 19 ]} قد يؤدي ذلك إلى تقليل عمر البطارية وزيادة استهلاك الطاقة ما لم يتم استخدام نظام ألوان فاتح على خلفية داكنة. كما أن انخفاض استهلاك الطاقة على المدى الطويل قد يطيل عمر البطارية أو العمر الافتراضي للشاشة والبطارية.

يعود توفير الطاقة الذي يمكن تحقيقه باستخدام نظام الألوان الفاتحة على الداكنة إلى آلية عمل شاشات OLED: ففي شاشة OLED، يُصدر كل بكسل فرعي ضوءه الخاص، ولا يستهلك الطاقة إلا عند إصدار الضوء. وهذا يختلف عن آلية عمل شاشات LCD: ففي شاشات LCD، إما أن تحجب البكسلات الفرعية الضوء الصادر من إضاءة خلفية LED دائمة التشغيل، أو تسمح بمروره.

لا توفر أنظمة الألوان " AMOLED Black" (التي تستخدم اللون الأسود النقي بدلاً من الرمادي الداكن) بالضرورة طاقةً أكثر من أنظمة الألوان الأخرى ذات الخلفية الفاتحة على خلفية داكنة والتي تستخدم الرمادي الداكن بدلاً من الأسود، حيث ينخفض ​​استهلاك الطاقة على شاشة AMOLED تناسبياً مع متوسط ​​سطوع البكسلات المعروضة. مع أن اللون الأسود في AMOLED يوفر طاقةً أكثر من الرمادي الداكن، إلا أن هذا التوفير الإضافي غالباً ما يكون ضئيلاً؛ فعلى سبيل المثال، لا يتجاوز التوفير الإضافي في الطاقة في AMOLED نسبة 1% مقارنةً بالرمادي الداكن المستخدم في الوضع الداكن لتطبيقات أندرويد الرسمية من جوجل. ^{[ 20 ]} في نوفمبر 2018، أكدت جوجل أن الوضع الداكن في أندرويد يُحسّن عمر البطارية. ^{[ 21 ]}

يرى البعض أن استخدام نظام ألوان بنص فاتح على خلفية داكنة يُسهّل القراءة على الشاشة، لأن انخفاض السطوع العام يُقلل من إجهاد العين، بينما يرى آخرون عكس ذلك. ^{[ 22 ] [ 23 ] [ 24 ]} بعض صفحات الويب مُصممة للخلفيات البيضاء؛ وقد تُستخدم الصور ( GIF ، PNG ، SVG ، WOFF ، إلخ) بشكل غير صحيح، مما يُسبب تشوهات بصرية إذا تم فرض الوضع الداكن (بدلاً من تصميمه خصيصاً لذلك) باستخدام إضافة مثل Dark Reader.

• شاشة AMOLED
• بلاكلي
• برنامج نايت شيفت
• ضوء ليلي (للنوافذ)
• نظام ألوان شمسي