Rehberler

Aydınlık ve karanlık modu doğru tasarlamak

Token tabanlı bir renk sistemi, ilk boyamada yanıp sönmeyi önleme ve kullanıcı tercihini kalıcı kılma.

Site Oluşturucu 1 dk okuma

İyi bir tema, kullanıcının işletim sistemi tercihine uyar ve seçim yapıldığında bunu hatırlar.

Token tabanlı renkler

Tüm renkleri CSS değişkenlerine bağlayın; light ve dark için yalnızca değişken değerlerini değiştirin, kuralları değil.

Yanıp sönmeyi önleme

Sayfanın <head> bölümünde, stil dosyasından önce çalışan küçük bir betikle kayıtlı tercihi <html> etiketine uygulayın.

Kalıcılık

Tercihi hem çerezde (sunucu tarafı için) hem de localStorage'da saklayın.

← Tüm yazılar Temalara göz at