Karanlık Modu Zorla, karanlık mod sunmayan herhangi bir web sitesine karanlık bir renk şeması uygular — veya bir sitenin açık temasını geçersiz kılar. Araç, arka plan renklerini akıllıca koyu tonlara çevirir, okunabilirlik için metin renklerini ayarlar ve resimleri, videoları, logoları ve marka öğelerini orijinal renklerinde korur. Tek tıkla açık, tek tıkla kapalı — sayfa yeniden yüklemeye gerek yok.
Birçok web sitesi hala karanlık mod seçeneği sunmuyor, akşam kodlama oturumları, gece geç saatte araştırma veya düşük ışıklı ortamlarda çalışma sırasında kullanıcıları parlak beyaz arka planlara bakmaya zorluyor. Tarayıcı düzeyinde karanlık mod (color-scheme aracılığıyla) yalnızca açıkça destekleyen sitelerde çalışır. Karanlık Modu Zorla, her web sitesinde çalışır, açık arka planları resim renklerini ve okunabilirliği korurken koyu tonlara çeviren CSS filtreleri ve özel stil geçersiz kılmalarını uygular. İnversiyon akıllıdır — yalnızca filter: invert(1) uygulamaz (bu, resimleri olumsuzlar ve metni okunmaz hale getirir). Bunun yerine, özellikle arka plan renklerini hedefler, yeni koyu arka planlara karşı kontrast için metin renklerini ayarlar ve sitenin marka renklerini mümkün olduğunca yakın korumak için ton döndürme kullanır. Sonuç, sitenin görsel kimliğini koruyan rahat bir karanlık okuma deneyimidir.
Karanlık modu tek tıkla açın ve kapatın. Sayfa yeniden yüklemeye gerek yok — karanlık tema, CSS sınıf geçişi kullanılarak anında uygulanır ve kaldırılır. Geçiş beyaz flaş olmadan sorunsuzdur.
Arka planlar koyulaştırılırken metin renkleri okunabilirlik için aydınlatılır. Algoritma, sitenin renk ilişkilerini ve görsel hiyerarşisini koruyarak genel bir inversiyon uygulamak yerine özellikle background-color özelliklerini hedefler.
Resimler, videolar, SVG'ler ve canvas öğeleri renk inversiyonundan muaftır. Fotoğraflar doğal görünür, logolar marka renklerini korur ve video içeriği normal oynar — yalnızca sayfa arka planı ve metin renkleri değişir.
CSS mimarisinden bağımsız olarak herhangi bir web sitesine uygulanır. Statik HTML sitelerinde, React SPA'larda, WordPress temalarında, web uygulamalarında, belge sitelerinde ve arasında her şeyde çalışır. Siteye özel yapılandırma gerekmez.
Açık metinli koyu arka planlar ekranınızın yaydığı ışık miktarını azaltır ve uzun oturumlar sırasında göz yorgunluğunu azaltır. Özellikle karanlık ortamlarda veya akşam saatlerinde çalışırken yararlıdır.
Karanlık mod yalnızca araç açıkken etkin kalır. Diğer sayfalara gidin ve efekt takip eder. İşiniz bittiğinde kapatın — hiçbir site verisi değiştirilmez ve hiçbir tercih saklanmaz.
Akşam kodlama oturumları sırasında belge sitelerinde, Stack Overflow'da, MDN'de ve herhangi bir referans sayfasında karanlık modu zorlayın. Sitelerin kendi karanlık temalarını uygulamasını beklemeden göz yorgunluğunu azaltın.
Her yerde karanlık modu tercih ediyorsanız, Karanlık Modu Zorla boşlukları doldurur — iş akışınızdaki yerel karanlık tema sunmayan kalan birkaç siteye uygulayın.
Ters çevrilmiş renklerle nasıl görüneceğini görmek için kendi sitenizde karanlık modu zorlayın. Bu, uygun bir karanlık tema uygulamaya zaman yatırmadan önce karanlık modun kaba bir önizlemesini verir.
Loş bir odada mı sunum yapıyorsunuz? Ekran parlamasını azaltmak ve düşük ışık koşullarında bir projektörde içeriği okumayı kolaylaştırmak için herhangi bir web sitesinde karanlık modu zorlayın.
Koyu arka planlar parlak beyaz sayfalardan daha az mavi ışık yayar ve akşam tarama yaparken uyku döngünüz üzerindeki etkiyi azaltmaya yardımcı olabilir.
DevSuite Pro yüzen yuvasını açın ve Karanlık Modu Zorla simgesine tıklayın. Sayfa anında karanlık bir renk şemasına geçer.
Web sitesinde normal şekilde gezinmeye devam edin. Karanlık mod, aynı sitedeki sayfalar arasında gezinirken devam eder.
Orijinal açık görünümü anında geri yüklemek için Karanlık Modu Zorla simgesine tekrar tıklayın. Sayfa yeniden yüklemeye gerek yok.
DevSuite Pro'yu ücretsiz yükleyin ve tarayıcınız için 39'dan fazla geliştirici aracının kilidini açın.