Salı 24 Ocak 2023
Hakkında
Yazarlarımız
Reklam
Künye
İletişim
Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı

Bülten

Sosyal Medya Yasası Kabul Edildi

Binance ‘e Siber Saldırı

Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı
  • BAŞLARKEN
    • KOD
      • PHP
      • Asp.Net
      • Swift
      • MySQL
      • CMS
  • TASARIM
    • İpuçları
    • Çizim
    • Illustrator
    • Photoshop
    • Trendler
  • ARAYÜZ
    • JavaScript
    • HTML5
    • CSS
    • REACT
  • İPUÇLARI
    • API
    • Güvenlik
    • IDE
    • Framework
    • OS
    • Verimlilik
    • İçerik
      • Dökümantasyon
      • İpuçları
      • Nasıl Oluşturulur?
  • KAYNAKLAR
    • Tasarım
    • Kod
    • İş
  • GİRİŞİM
    • Finans
    • Girişimci
    • Nasıl yapılır?
  • ARAÇLAR
  1. Anasayfa
  2. Arayüz
  3. JavaScript ile Otomatik Koyu Tema
 JavaScript ile Otomatik Koyu Tema
Arayüz JavaScript

JavaScript ile Otomatik Koyu Tema

Yazar : Sevim Selin Özsoy 15 Nisan 2022 0 Comment

Koyu tema, şu anda bütün kullanıcıların bilgisayar veya telefon farketmeksizin severek kullandığı bir özellik. Kullanıcılar için koyu tema daha göz dostu bir ortam sağlarken, AMOLED ekranlı cihazlarda daha az pil kullanımını sağlıyor.

Web geliştiriciler koyu tema etkinleştirildiğinde temayı uygulamak için genellikle prefers-color-scheme CSS media özelliğini kullanmayı tercih ediyorlar. prefers-color-scheme kullanıcının tema tercihini, işletim sistemininden veya kullanıcı ajanından edinir.

Aynı işi JavaScript kullanarak programsal olarak uygulamanıza sorunsuz bir şekilde adapte etmek istiyor olabilirsiniz. Bunun için JavaScript’in Window Interface’inde bulunan matchMedia() fonksiyonunu prefers-color-scheme CSS Media’sını kontrol etmesi için kullanabilirsiniz.

prefers-color-scheme, sonuç olarak dark veya light döndürür. matchMedia() fonksiyonu output olarak MediaQueryList objesi döndürür. Ardından objenin boolean bir değer olan matches property’sini okuyarak tema seçimini öğrenmiş oluruz.

Bu yazımızda sizlere ufak bir JavaScript tüyosü vermiş olduk, keyifli kodlamalar!

Etiketler: javascript koyu tema
Önceki Yazı
Sonraki Yazı

Sevim Selin Özsoy

editor

Süleyman Demirel Üniversitesi 4. sınıf bilgisayar mühendisliği öğrencisiyim. Front-end yazılımla ve tasarımla ilgileniyorum. Aktif olarak Süleyman Demirel Üniversitesinin bilgi işlemde part-time yazılımcı ve tasarımcı olarak çalışıyorum. Aynı zamanda da Webmaster Kitchen'da sosyal medya yöneticiliğini ve tasarımcılığını yapıyorum.

Yorum Yap Yorumu İptal Et.

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Taze Yazılar
Güncel

Sosyal Medya Yasası Kabul Edildi

14 Ekim 2022
Blockchain

Binance ‘e Siber Saldırı

8 Ekim 2022
Blockchain

Binance ‘den Ücretsiz Eğitim

5 Ekim 2022
Güncel

Japonya için Yenilenen Corolla

4 Ekim 2022
© 2021 Webmaster Kitchen. Tüm Hakları Saklıdır.