Force Dark Mode прилага тъмна цветова схема към всеки уебсайт, който не предлага такава — или пренебрегва светлата тема на сайта. Инструментът интелигентно инвертира фоновите цветове към тъмни тонове, коригира цветовете на текста за четливост и запазва изображенията, видеоклиповете, логата и марковите елементи в оригиналните им цветове. Едно кликване за включване, едно за изключване — не е необходимо презареждане на страницата.
Много уебсайтове все още не предлагат опция за тъмен режим, принуждавайки потребителите да се взират в ярко бели фонове по време на вечерни кодиращи сесии, късно нощни проучвания или работа в среда със слаба светлина. Тъмният режим на ниво браузър (чрез color-scheme) работи само на сайтове, които изрично го поддържат. Force Dark Mode работи на всеки уебсайт чрез прилагане на CSS филтри и персонализирани промени на стила, които инвертират светлите фонове в тъмни тонове, като същевременно запазват цветовете на изображенията и четливостта. Инверсията е интелигентна — тя не прилага просто filter: invert(1) (което би инвертирало изображенията и би направило текста нечетим). Вместо това тя е насочена конкретно към фоновите цветове, коригира цветовете на текста за контраст спрямо новите тъмни фонове и използва ротация на нюансите (hue-rotation), за да запази цветовете на марката на сайта възможно най-близо до оригинала. Резултатът е комфортно тъмно изживяване при четене, което поддържа визуалната идентичност на сайта.
Включвайте и изключвайте тъмния режим с едно кликване. Не е необходимо презареждане на страницата — тъмната тема се прилага и премахва мигновено чрез превключване на CSS класове. Преходът е плавен, без премигване на бяло.
Фоновете се затъмняват, докато цветовете на текста се изсветляват за четливост. Алгоритъмът е насочен конкретно към свойствата background-color, вместо да прилага масова инверсия, запазвайки цветовете и визуалната йерархия на сайта.
Изображенията, видеоклиповете, SVG и елементите canvas са изключени от инверсията на цветовете. Снимките изглеждат естествено, логата запазват марковите си цветове и видео съдържанието се възпроизвежда нормално — променят се само фоновета на страницата и цветовете на текста.
Прилага се към всеки уебсайт, независимо от неговата CSS архитектура. Работи на статични HTML сайтове, React SPA, теми на WordPress, уеб приложения, сайтове с документация и всичко между тях. Не е необходима специфична за сайта конфигурация.
Тъмните фонове със светъл текст намаляват количеството светлина, излъчвана от екрана ви, намалявайки напрежението в очите по време на продължителни сесии. Особено полезно при работа в тъмна среда или през вечерните часове.
Тъмният режим остава активен само докато инструментът е включен. Навигирайте до други страници и ефектът ще ги последва. Изключете го, когато приключите — данните на сайта не се променят и не се съхраняват предпочитания.
Приложете принудително тъмен режим в сайтове с документация, Stack Overflow, MDN и всякакви референтни страници по време на вечерни кодиращи сесии. Намалете напрежението в очите, без да чакате сайтовете да внедрят свои собствени тъмни теми.
Ако предпочитате тъмен режим навсякъде, Force Dark Mode запълва пропуските — приложете го към малкото останали сайтове във вашия работен процес, които не предлагат естествена тъмна тема.
Приложете принудително тъмен режим на собствения си сайт, за да видите как би изглеждал с инвертирани цветове. Това дава груб предварителен преглед на тъмния режим, преди да инвестирате време в прилагането на истинска тъмна тема.
Презентирате в лошо осветена загла? Приложете принудително тъмен режим към всеки уебсайт, за да намалите отблясъците от екрана и да направите съдържанието по-лесно за четене на проектор в условия на слаба светлина.
Тъмните фонове излъчват по-малко синя светлина от ярко белите страници, което може да помогне за намаляване на въздействието върху цикъла на съня ви при сърфиране вечер.
Отворете плаващия док DevSuite Pro и щракнете върху иконата Force Dark Mode. Страницата незабавно преминава към тъмна цветова схема.
Продължете да разглеждате уебсайта нормално. Тъмният режим се запазва, докато навигирате между страниците на същия сайт.
Щракнете отново върху иконата Force Dark Mode, за да възстановите оригиналния светъл външен вид мигновено. Не е необходимо презареждане на страницата.
Инсталирайте DevSuite Pro безплатно и отключете 39+ инструмента за разработчици за вашия браузър.
