prefers-color-scheme nedir?

prefers-color-scheme, web sitelerine koyu veya açık tema tercih edip etmediğinizi bildiren CSS medya özelliğidir. Tarayıcılar bu bilgiyi Windows, macOS, Linux, Android veya iOS'taki sisteminizin koyu mod ayarından alır ve siteler, CSS'te @media (prefers-color-scheme: dark) veya JavaScript'te window.matchMedia("(prefers-color-scheme: dark)") kullanarak renklerini değiştirir. Sisteminiz koyu moddayken bir site açık temada kalıyorsa kontrol etmeniz gereken ilk şey, tarayıcınızın gerçekte ne bildirdiğidir.

Araç açıklaması

Bu araç, sistem temanızı tek bir büyük alanda gösterir: ay simgesiyle Koyu veya güneş simgesiyle Açık. Tarayıcınıza prefers-color-scheme: dark koşulunun eşleşip eşleşmediğini sorar ve değişiklikleri dinler. Böylece cihaz ayarlarınızda koyu ve açık mod arasında geçiş yaptığınızda sonuç, sayfayı yenilemeniz gerekmeden anında güncellenir. Koyu olarak bildirilmeyen her şey Açık olarak gösterilir.

Yanıt, tarayıcınızın web sitelerine bildirdiği bilgidir ve bu her zaman sistem ayarınızla aynı olmayabilir. Örneğin Firefox'ta, sistem ayarınız ne olursa olsun tüm siteleri açık veya koyu gösterebilen bir Web sitesi görünümü ayarı bulunur.

Özellikler

  • Koyu veya Açık temasını bir bakışta gösterir
  • Sistem temanızı değiştirdiğinizde anında güncellenir
  • Tarayıcınızda çalışır, yükleme gerektirmez