Arkadaşlar merhaba, uzun zamandır üzerinde çalıştığım bir projede karanlık mod geçişini uygulamaya çalışıyorum ve bazı noktalarda takıldım. Özellikle kullanıcı tercihini hatırlamak ve sayfa yenilemelerinde bunu korumak için localStorage kullanıyorum ama bazen CSS değişkenleriyle bu geçişi yumuşatmak zor oluyor. Sizce geçiş animasyonu eklemek performansı etkiler mi? Yoksa direk class bazlı bir toggle mı daha sağlıklı? Ben şu an body'ye "dark-mode" class'ı ekleyip çıkarıyorum, ama renk geçişlerinde hafif bir titreme oluyor.
Bir diğer konu ise sistem temasına otomatik uyum sağlama. prefers-color-scheme medya sorgusunu kullanıyorum ama kullanıcı manuel olarak değiştirdiğinde bu otomatik algılamayı devre dışı bırakmak için bir mantık kurmam gerekiyor. Bu konuda nasıl bir yol izliyorsunuz? Mesela kullanıcı manuel seçim yaptıysa localStorage'a kaydedip sistem temasını yok sayıyorum, ama bu sefer de tarayıcı teması değişince sayfa yenilenene kadar güncellenmiyor. Bu ikilemde ne yapmalı?
Son olarak, erişilebilirlik açısından karanlık mod geçiş butonunun kontrast oranlarına dikkat ediyorum ama özellikle ikonlu butonlarda renk körü kullanıcılar için anlamlı bir geri bildirim sağlamak zor oluyor. Siz butonun durumunu belirtmek için sadece renk değişimi mi kullanıyorsunuz, yoksa metin veya şekil değişikliği de ekliyor musunuz? Deneyimlerinizi ve önerilerinizi merak ediyorum, tartışalım.
Bir diğer konu ise sistem temasına otomatik uyum sağlama. prefers-color-scheme medya sorgusunu kullanıyorum ama kullanıcı manuel olarak değiştirdiğinde bu otomatik algılamayı devre dışı bırakmak için bir mantık kurmam gerekiyor. Bu konuda nasıl bir yol izliyorsunuz? Mesela kullanıcı manuel seçim yaptıysa localStorage'a kaydedip sistem temasını yok sayıyorum, ama bu sefer de tarayıcı teması değişince sayfa yenilenene kadar güncellenmiyor. Bu ikilemde ne yapmalı?
Son olarak, erişilebilirlik açısından karanlık mod geçiş butonunun kontrast oranlarına dikkat ediyorum ama özellikle ikonlu butonlarda renk körü kullanıcılar için anlamlı bir geri bildirim sağlamak zor oluyor. Siz butonun durumunu belirtmek için sadece renk değişimi mi kullanıyorsunuz, yoksa metin veya şekil değişikliği de ekliyor musunuz? Deneyimlerinizi ve önerilerinizi merak ediyorum, tartışalım.