Web siteleri ve uygulamalarda açık renkli arka plan yerine koyu gri, siyah veya lacivert tonların kullanıldığı, göz yorgunluğunu azaltan modern tema seçeneğidir.
\n\nNasıl Çalışır ve Temel Prensipleri Nelerdir?
\nCSS 'prefers-color-scheme: dark' medya sorgusu ile işletim sistemi tercihi algılanır veya JavaScript ve CSS değişkenleri (variables) ile sınıflar değiştirilir.
\n\nNeden Kritik Öneme Sahiptir?
\nGece veya düşük ışıklı ortamlarda gözü dinlendirir; OLED ekranlı telefonlarda pil tüketimini ciddi oranda azaltır ve modern, prestijli bir kullanıcı deneyimi sunar.
\n\nEn İyi Uygulama ve Kullanım İpuçları
\nSaf siyah (#000000) yerine yumuşak koyu gri veya füme (#121212, #0f172a) tonlar tercih edin; metinlerde ise saf beyaz yerine kırık beyaz (#f8fafc) kullanın.
\n\nSık Yapılan Hatalar ve Kaçınılması Gerekenler
\nAçık moddaki görselleri veya şeffaf logoları karanlık modda görünmez kılacak şekilde zıt renk ayarlamalarını yapmayı unutmak.
Sıkça Sorulan Sorular (SSS)
Dark Mode Nedir? (Karanlık Mod Arayüz Tasarımı) hakkında en sık yöneltilen sorular ve mühendislik ekibimizin uzman yanıtları:
Evet, OLED ve AMOLED ekranlarda siyah pikseller kapandığı için güç tüketimi belirgin şekilde düşer.
CSS özel değişkenleri (var(--bg-color)) ve prefers-color-scheme medya sorgusu kullanılarak kolayca entegre edilir.