Renkleri 7 saatte bir değişen bir site
Bu sitenin tüm renk düzeni 7 saatte bir değişir. Aynı anda blogdan sohbete geçerseniz aynı renkleri görürsünüz.
Neden sunucu gerekmiyor
Palet numarası saatten hesaplanır.
const PERIOD = 7 * 60 * 60; // 25.200 saniye
const slot = Math.floor(Date.now() / 1000 / PERIOD);
document.documentElement.dataset.palette = slot % 6;UNIX zamanı her yerde aynıdır; bu yüzden her ziyaretçi ve her sayfa kendiliğinden hizalanır. 7 ile 24 aralarında asal olduğundan değişim her gün farklı bir saatte olur ve altı palet her 42 saatte bir turu tamamlar.
Renkler yalnızca değişkenlerle
Her ekran yalnızca --c-bg, --c-text, --c-a1 gibi değişkenleri kullanır. Bir palet bu değişkenlerin değer kümesidir; yeni bir palet eklemek sayfa koduna dokunmaz. Piksel çizimler de aynı değişkenlerle boyandığı için onlar da değişir.
Erişilebilirlik
Her palet eklendiğinde metin kontrastı otomatik hesaplanır ve herhangi bir değer WCAG AA (4,5:1) altına düşerse derleme durur. Azaltılmış hareket ayarında renk geçiş animasyonu kapanır; JavaScript yoksa varsayılan palet kullanılır.