Google Drive ve Takvim gibi bazı Google uygulamlarının hala koyu modu(Dark Mode/Night mode) yok. Bunu ben açıkçası kendi kodlarımı sitelere enjekte ederek çözüyorum fakat Google’dan gelen son habere göre Google Drive uygulamasına koyu mod gelecekmiş bu iyi.
Google’ın masaüstü sitelerinin çoğunda dark mode(koyu mod) yok, ben bilgisayarımı ve telefonumu koyu modda kullanıyorum ve masaüstünde de Google Takvim ve Çeviriyi koyu modda görmek istiyorum bunun yapmak için hem bu iki site için özel kod hem de Chrome’un chrome://flags yani Experiments kısmından bir ayarla yapılabilen iki seçenek paylaştım.
Koyu tema(Koyu renk, karanlık tema veya gece modu) bildiğiniz gibi günümüzde hemen hemen tüm uygulamalarda mevcut. Google aramasında, masaüstü ve mobilde artık karanlık tema kullanılabilir.
Websitelerine dark mode(kodu mod – karanlık modu) görünümü kaznadırmak ve dark mode hakkında birkaç yazı eklemiştim;
AMP sayfalarına da dark mode seçeneği eklemek mümkün, nasıl yapacağımızı ve örnek paylaşacağım.
Daha önce dark mode hakkında bir yazı eklemiştim, “Javascript ile siteyi ziyaret eden cihazın karanlık modu(koyu mod) kulanıp kullanmadığını sorulamak“. Bu yazımda herhangi bir web sitesine veya uygulamaya cihazın kullandığı modu da göz önünde bulundurarak çalışan dark mode seçeneği eklemeyi göstereceğim.
HTML’de görselleri/resimleri kullanıcının seçtiği renk şemasına(Color-scheme) göre değiştirebilmeniz mümkün. CSS ile zaten kullanılabilen bu özellik HTML içerisinde de çalışabilir.
Javascipt ile siteyi ziyaret eden cihazın karanlık modu(dark mode) kullanıp kullanmadığını sorgulamak çok basit. Aşağıya ilgili if kodunu koyacağım ayrıca CSS içerisinde de koyu moda göre sitiller eklenebiliyor.
Artık çoğu web sitesinin ve uygulamanın dark modu(koyu mod) var, hatta bazı banka uygulamalarının meselaYapı Kredi mobil uygulamasının bile koyu modu var.
Tarayıcınızda gezdiğiniz tüm web sitelerinin koyu modda olmasını ister miydiniz? Cevabınız evet ise bunu yapmak çok kolay.