58 Ana Sayfa Testinde Beş Sitede Hiç Devreye Girmeyen Karanlık Mod CSS'i

Headless Chromium üzerinde 58 ana sayfa, prefers-color-scheme ayarı önce açık sonra karanlık olarak zorlanarak iki kez render edildi ve ekran görüntüleri hesaplanan renklerle karşılaştırıldı. Sonuçta yalnızca 9 site işletim sistemi tercihine gerçekten tepki veriyor. Daha çarpıcı olanı, beş büyük sitenin (NYTimes, Stack Overflow, Microsoft, Amazon, Airbnb) kendi domain veya CDN'inden servis edilen bir karanlık mod media query'si taşımasına rağmen bunun hiç devreye girmemesi; muhtemelen daha spesifik bir açık tema kuralı tarafından ezilmiş ya da yalnızca site içi bir tercihle set edilen bir class/attribute'a bağlı kalmış.

Çalışma, ölçek büyüdüğünde CSS denetiminde karşılaşılabilecek tuzakları da ortaya koyuyor. Cloudflare, Substack ve Ars Technica gibi üç site karanlık modu tamamen html elementindeki bir JS class'ıyla yönetiyor, media query'leri hiç yok; yani grep tabanlı bir denetim bunları kaçırırdı. WebMD'deki tek karanlık kural aslında sitenin kendisine değil, gstatic.com üzerinden gömülü bir Google widget'ına ait çıktı. Tailwind'in kendi sitesinde ise ağ tabanlı stylesheet toplama bir kuralı kaçırdı; media query aslında oradaydı, yalnızca DOM'daki stylesheet listesi doğrudan gezilince ortaya çıktı.

Ayrıca native form kontrollerini ve scrollbar'ları etkileyen color-scheme CSS özelliği 58 sitenin yalnızca 10'unda kullanılıyor; bu da bazı karanlık temalı sayfalarda açık renkli scrollbar ve dropdown'larla sonuçlanıyor. Karanlık render desteklemeyen siteleri zorlayan bir Safari uzantısı geliştiren yazar, beş 'ölü' karanlık mod kuralının kasıtlı bir varsayılan mı yoksa manuel toggle'dan arta kalan ölü kod mu olduğunu dışarıdan anlayamadığını belirtiyor.