Safari karanlık mod: siteniz kendi kendine koyulaşabilir

WebKit ekibi 3 Kasım’da Safari karanlık mod için yeni bir özellik duyurdu: Adaptive Dark Mode. Safari 27.3 beta ile gelen bu özellik, karanlık modu açık olan kullanıcıların açık renkli sitelerini otomatik olarak koyulaştırıyor. Yani siz hiçbir şey yapmasanız da sitenizin bazı ziyaretçilere farklı görünmesi mümkün. Bu yazıda ne olduğunu ve neyi kontrol etmeniz gerektiğini anlatıyoruz.

Safari karanlık mod neden gündemde?

WebKit’in resmi yazısındaki rakam dikkat çekici: sayfa yüklemelerinin yaklaşık %40’ı karanlık modu kullanan kişilerden geliyor, ama sayfaların yalnızca yaklaşık %10’u karanlık modu destekliyor.

Bu açığı kapatmak için Safari, karanlık mod desteği olmayan bir siteyi kendisi dönüştürüyor. Tıpkı akşam olunca otomatik kısılan bir ekran parlaklığı gibi: kullanıcı gözü yorulmasın diye sayfa yumuşatılıyor.

Adaptive Dark Mode nasıl çalışıyor?

Kullanıcı sistem görünümünü koyu yapmışsa ve parlak arka planlı bir siteye girerse, Safari önce bir önizleme gösteriyor. Kullanıcı “Dene” derse dönüşüm başlıyor.

Safari önce sayfanın ağırlıklı olarak açık mı koyu mu olduğuna bakıyor. Zaten koyu olan sayfalara dokunmuyor. Açık olanlarda parlaklığı tersine çeviriyor ama renk tonunu koruyor: açık zemin koyulaşıyor, koyu yazı açılıyor. Yazı kontrastı için WCAG 4.5:1 oranı hedefleniyor.

Görsellerin çoğu olduğu gibi kalıyor. Basit siyah beyaz logolar ise gerektiğinde ters çevrilebiliyor. Canvas içeriği değişmiyor.

Safari karanlık mod sitenizde nelere dikkat ettirir?

Dönüşüm otomatik olduğu için her sitede aynı sonucu vermeyebilir. WebKit de karmaşık sitelerin iyi dönüşmeyebileceğini kabul ediyor. İşletme sitelerinde en çok şunlara bakmak gerekir:

• Logo: Koyu renkli, arka planı beyaz bir logo koyu zeminde kutu gibi görünebilir.
• Düğmeler ve renkli bantlar: Marka renginiz dönüşümde tonunu değiştirebilir.
• Görsel üzerindeki yazı: Okunabilirlik bozulmamalı.
• Arka plan desenleri: Döşenmiş desen görselleri uyumsuz kalabilir.

Safari karanlık mod için basit bir kontrol

Beş dakikalık bir deneme çoğu zaman yeter:

1. iPhone ya da Mac’inizde sistem görünümünü koyu yapın.
2. Safari’de sitenizi açın.
3. Önizlemede “Dene”ye dokunun.
4. Logo, menü, düğmeler ve formlara bakın.
5. Bozuk bir yer görürseniz ekran görüntüsünü alıp web sorumlunuza iletin.

Bu deneme sırasında sitenizi bir de telefonda, bir de bilgisayarda açmak iyi olur. Not: Bu özellik şimdilik beta sürümde. Beta olmayan cihazlarda ziyaretçileriniz bunu hemen görmez, ama özellik yaygınlaşınca görecektir.

Siteniz karanlık modu zaten destekliyorsa ne olur?

Sayfada color-scheme ile karanlık mod desteğini bildirmiş siteler dönüştürülmüyor. Yani sitenizi bilinçli hazırladıysanız Safari karışmıyor. Geliştiriciniz için seçenekler şöyle:

• Destek bildirmek: <meta name="color-scheme" content="light dark"> etiketi ya da CSS’te color-scheme: light dark.
• Kapatmak: light only değeri. WebKit, bu değerin Safari 27.3 beta 1’de henüz desteklenmediğini, ilerleyen betalarda gelebileceğini söylüyor.
• Tam kontrol: prefers-color-scheme ve light-dark() gibi CSS özelliklerle kendi karanlık temanızı yazmak.

Hazırlığı kolaylaştıran küçük işler de var: logoları SVG yapmak, görsellerde saydam arka plan kullanmak, desen yerine CSS renkleri tercih etmek. Bunların hepsi zaten iyi bir site için yapılması gereken işler. Mobil uyumlu web sitesi rehberimizde benzer ayrıntılara değinmiştik.

Safari karanlık mod işletmeniz için ne anlama geliyor?

Ziyaretçilerinizin önemli bir bölümü telefonunu akşamları, loş ortamlarda ya da yataktan kullanıyor. Parlak beyaz bir sayfa bu anlarda gözü yorar ve kullanıcı sayfayı çabuk terk edebilir. Safari karanlık mod bu sorunu sizin yerinize hafifletmeye çalışıyor, ama sonucun kalitesi sitenizin nasıl yazıldığına bağlı.

Temiz kodlanmış, tutarlı renk kullanan bir site dönüşümde genellikle iyi görünür. Dağınık renkler, görsel içine gömülmüş yazılar ve eski tip logolar ise sorun çıkarır. Yani bu yenilik, aslında sitenizin teknik kalitesinin küçük bir sınavı.

Bir mağaza vitrinini düşünün: akşam ışıklar değişince vitrin hâlâ düzgün görünüyorsa iyi tasarlanmıştır. Sitenizin karanlık modda nasıl göründüğü de benzer bir ipucu verir.

Safari karanlık mod ve marka renkleri

Marka renginiz dönüşümde biraz koyulaşabilir ya da tonu kayabilir. Bu yüzden kurumsal rengin kullanıldığı düğme ve bantları özellikle kontrol edin. Eğer tutarlılık sizin için önemliyse, kendi karanlık temanızı tanımlamak en doğru çözüm olur.

Gizlilik ve erişilebilirlik tarafı

WebKit’e göre siteler bu özelliğin açık olduğunu algılayamıyor. Sayfanızdaki kodlar renkleri sorguladığında, sizin yazdığınız özgün değerleri alıyor. Yani ziyaretçinin tercihi sizin tarafınıza sızmıyor.

Erişilebilirlik açısından karanlık mod, ışığa duyarlı ya da gece telefon kullanan ziyaretçiler için bir rahatlama. Ama otomatik dönüşüm her zaman sizin tasarım niyetinizle aynı sonucu vermez. Bu yüzden bilinçli bir karanlık tema, hem marka tutarlılığı hem okunabilirlik için en sağlam yol.

Ne yapmalısınız?

Telaşa gerek yok, ama ihmal etmeyin: özellik beta aşamasında ve tarayıcılar sürümleri kademeli yaygınlaştırıyor. Ama sitenizi koyu görünümde bir kez denemek ve logonuzun nasıl durduğunu görmek, ileride şikâyet gelmeden sorunu yakalar. Yeni bir site planlıyorsanız kurumsal web sitesi hizmetimizde tarayıcı ve görünüm uyumu en başta hesaba katılır. Mevcut sitenizin düzenli kontrolü içinse bakım ve destek hizmetimiz var.

Özet olarak Safari karanlık mod, sitenizi sizden habersiz değiştirebilecek bir yenilik. Bir kez kontrol edin, gerisini bize bırakabilirsiniz: yazın, birlikte bakalım.

Bu yazı, WebKit ekibinin 3 Kasım 2026 tarihli duyurusuna dayanır.