Arkadaşlar merhaba, son zamanlarda üzerinde çalıştığım bir projede gece modu geçişi için en temiz ve sürdürülebilir yöntemi arıyorum. Genelde CSS değişkenleri ile HTML'e bir data-theme attribute'u ekleyip geçiş yapıyorum, ama bu yöntem büyük projelerde biraz dağınık olabiliyor. Özellikle üçüncü parti kütüphanelerin stilleriyle uyum sorunu yaşıyorum. Siz hangi yaklaşımı kullanıyorsunuz? CSS özel değişkenleri mi, yoksa tamamen state yönetimi üzerinden JavaScript ile class ekleyip çıkarmak mı daha temiz kalıyor?
Bir de tarayıcı hafızasında tercihi saklamak için localStorage mı yoksa sessionStorage mı tercih edilmeli? Kullanıcı sayfayı yenilediğinde veya yeni sekmeye geçtiğinde modun korunması için ne gibi önlemler alıyorsunuz? Benim denemelerimde bazen sistem temasına otomatik geçiş yapan prefer-color-scheme medya sorgusu ile kullanıcı tercihi çakışıyor, bu durumu nasıl çözüyorsunuz? Örneğin, kullanıcı açık modda sistem karanlığa geçince ne olmalı? Çok karışık bir senaryo haline geliyor.
Ayrıca performans açısından düşününce, her sayfa yüklendiğinde localStorage kontrolü yapmak veya temayı sayfa render olmadan önce ayarlamak için head içine inline script eklemek daha mı mantıklı? Şu anki projemde bu yüzden bir süredir kararsızım. Deneyimlerinizi ve varsa önerdiğiniz clean kod yapılarını paylaşırsanız çok sevinirim. Herkese kolay gelsin.
Bir de tarayıcı hafızasında tercihi saklamak için localStorage mı yoksa sessionStorage mı tercih edilmeli? Kullanıcı sayfayı yenilediğinde veya yeni sekmeye geçtiğinde modun korunması için ne gibi önlemler alıyorsunuz? Benim denemelerimde bazen sistem temasına otomatik geçiş yapan prefer-color-scheme medya sorgusu ile kullanıcı tercihi çakışıyor, bu durumu nasıl çözüyorsunuz? Örneğin, kullanıcı açık modda sistem karanlığa geçince ne olmalı? Çok karışık bir senaryo haline geliyor.
Ayrıca performans açısından düşününce, her sayfa yüklendiğinde localStorage kontrolü yapmak veya temayı sayfa render olmadan önce ayarlamak için head içine inline script eklemek daha mı mantıklı? Şu anki projemde bu yüzden bir süredir kararsızım. Deneyimlerinizi ve varsa önerdiğiniz clean kod yapılarını paylaşırsanız çok sevinirim. Herkese kolay gelsin.