Karanlık mod (dark mode), günümüz web tasarımının vazgeçilmez bir parçası haline geldi. Ancak başarılı bir karanlık tema oluşturmak, sadece arka planı siyah yapıp yazıları beyaz yapmaktan çok daha fazlasını gerektirir.

Saf Siyah Neden Tercih Edilmemelidir?

Metin okurken arka planın tamamen saf siyah (#000000) ve metnin saf beyaz (#FFFFFF) olması gözü aşırı yorar. Yüksek kontrast parlamaya (halation) sebep olur. Bunun yerine koyu gri tonları tercih edilmelidir:

Modern dark mode tasarımlarında göz yorgunluğunu azaltmak için saf siyah yerine #121212 veya #1a1a1a gibi yumuşak koyu tonlar tercih edilmelidir.

Karanlık Temalarda Tipografi ve Kontrast Yönetimi - Görsel

Gözü yormayan renk paletleri ve dengeli kontrast, kullanıcıyı sayfada daha uzun süre tutar.

Tipografi Ayarlarında İnce Dokunuşlar

Metinlerin karanlık temada daha kalın görünme eğilimi vardır. Koyu arka plan açık renkli harfleri "dağıtır" (görsel yayılma). Bunu engellemek için:

  • Yazı ağırlığını (font-weight) hafifçe düşürün (örneğin 400 yerine 300 veya 350).
  • Harfler arasındaki boşluğu (letter-spacing) 0.01em ila 0.02em oranında artırarak harflerin birbirine girmesini engelleyin.
  • Satır yüksekliğini (line-height) biraz daha esnek tutarak metne nefes aldırın.

WCAG Kontrast Standartları

W3C tarafından belirlenen WCAG 2.1 yönergelerine göre, normal boyutlu metinler için en az 4.5:1 kontrast oranı sağlanmalıdır. Başlıklarda ise en az 3:1 oranı aranır. Tasarım yaparken kontrast ölçüm araçları kullanmayı ihmal etmeyin.

Kontrast ve WCAG Ölçüm Süreçleri

Figma ve tarayıcı eklentileriyle kontrast oranını anlık olarak denetleyebilirsiniz.

Sonuç

İyi bir karanlık tema tasarımı, estetiğin yanı sıra doğrudan erişilebilirlik ve okunabilirlik standartlarına dayanır. Renk paletinizde ve tipografinizde yapacağınız küçük ayarlamalar, sitenizin kullanıcı deneyimini zirveye taşıyacaktır.