اجبار حالت تاریک یک طرح رنگی تاریک را به هر وبسایتی که آن را ارائه نمیدهد اعمال میکند — یا تم روشن یک سایت را نادیده میگیرد. ابزار به هوشمندانه رنگهای پسزمینه را به تنهای تاریک معکوس میکند، رنگهای متن را برای خوانایی تنظیم میکند و تصاویر، ویدئوها، لوگوها و عناصر برند را به رنگهای اصلی حفظ میکند. یک کلیک روشن، یک کلیک خاموش — بدون نیاز به بارگذاری مجدد صفحه.
بسیاری از وبسایتها هنوز یک گزینه حالت تاریک ارائه نمیدهند و کاربران را مجبور میکنند در طول جلسات کدنویسی عصرگاهی، تحقیقات دیروقت یا کار در محیطهای کمنور به پسزمینههای سفید روشن خیره شوند. حالت تاریک در سطح مرورگر (از طریق color-scheme) فقط روی سایتهایی که صریحاً آن را پشتیبانی میکنند کار میکند. اجبار حالت تاریک روی هر وبسایتی با اعمال فیلترهای CSS و بازنویسی استایل سفارشی که پسزمینههای روشن را به تنهای تاریک معکوس میکند در حالی که رنگهای تصویر و خوانایی را حفظ میکند کار میکند. معکوسسازی هوشمند است — صرفاً filter: invert(1) اعمال نمیکند (که تصاویر را منفی میکند و متن را ناخوانا میکند). در عوض، ویژگیهای background-color را به طور خاص هدف قرار میدهد، رنگهای متن را برای کنتراست در برابر پسزمینههای تاریک جدید تنظیم میکند و از چرخش رنگ برای حفظ رنگهای برند سایت تا حد ممکن استفاده میکند. نتیجه یک تجربه خواندن تاریک راحت است که هویت بصری سایت را حفظ میکند.
حالت تاریک را با یک کلیک روشن و خاموش کنید. نیازی به بارگذاری مجدد صفحه نیست — تم تاریک با استفاده از toggle کلاس CSS فوراً اعمال و حذف میشود. انتقال بدون درخشش سفید است.
پسزمینهها تاریک میشوند در حالی که رنگهای متن برای خوانایی روشن میشوند. الگوریتم ویژگیهای background-color را به طور خاص هدف قرار میدهد به جای اعمال یک معکوسسازی کلی، روابط رنگی و سلسله مراتب بصری سایت را حفظ میکند.
تصاویر، ویدئوها، SVGها و عناصر canvas از معکوسسازی رنگ معاف هستند. عکسها طبیعی به نظر میرسند، لوگوها رنگهای برند خود را حفظ میکنند و محتوای ویدئو به صورت عادی پخش میشود — فقط رنگهای پسزمینه و متن صفحه تغییر میکنند.
بدون توجه به معماری CSS آن روی هر وبسایتی اعمال میشود. روی سایتهای HTML استاتیک، React SPAها، تمهای WordPress، اپلیکیشنهای وب، سایتهای مستنداتی و هر چیز دیگری کار میکند. نیازی به پیکربندی اختصاصی سایت نیست.
پسزمینههای تاریک با متن روشن مقدار نور ساطعشده از صفحه نمایش را کاهش میدهند و خستگی چشم را در طول جلسات طولانی کاهش میدهند. به ویژه در محیطهای تاریک یا در طول ساعات شب مفید است.
حالت تاریک فقط در حالی که ابزار toggle روشن است فعال میماند. به صفحات دیگر بروید و تأثیر ادامه مییابد. وقتی تمام شد آن را خاموش کنید — هیچ داده سایت تغییر نمیکند و هیچ ترجیحی ذخیره نمیشود.
حالت تاریک را روی سایتهای مستنداتی، Stack Overflow، MDN و هر صفحه مرجعی در طول جلسات کدنویسی شبانه اجبار کنید. خستگی چشم را بدون انتظار برای اینکه سایتها تمهای تاریک خود را پیادهسازی کنند کاهش دهید.
اگر همه جا حالت تاریک را ترجیح میدهید، اجبار حالت تاریک شکافها را پر میکند — آن را روی چند سایت باقیمانده در جریان کاری خود که یک تم تاریک بومی ارائه نمیدهند اعمال کنید.
حالت تاریک را روی سایت خودتان اجبار کنید تا ببینید با رنگهای معکوس چگونه به نظر میرسد. این یک پیشنمایش تقریبی از حالت تاریک قبل از سرمایهگذاری زمان برای پیادهسازی یک تم تاریک مناسب میدهد.
در یک اتاق کمنور ارائه میدهید؟ حالت تاریک را روی هر وبسایتی اجبار کنید تا تابش صفحه نمایش را کاهش دهید و خواندن محتوا روی یک پروجکتور در شرایط کمنور را راحتتر کنید.
پسزمینههای تاریک نور آبی کمتری نسبت به صفحات سفید روشن ساطع میکنند که ممکن است در هنگام مرور در شب تأثیر بر چرخه خواب شما را کاهش دهد.
داک شناور DevSuite Pro را باز کرده و روی آیکون اجبار حالت تاریک کلیک کنید. صفحه فوراً به یک طرح رنگی تاریک تبدیل میشود.
از وبسایت به طور عادی مرور کنید. حالت تاریک در حین ناوبری بین صفحات همان سایت باقی میماند.
برای بازیابی فوری ظاهر روشن اصلی دوباره روی آیکون اجبار حالت تاریک کلیک کنید. نیازی به بارگذاری مجدد صفحه نیست.
DevSuite Pro را به صورت رایگان نصب کنید و بیش از ۳۹ ابزار توسعه را برای مرورگر خود باز کنید.
