data-aether-theme

Bu nitelik, web sitenizin Aydınlık ve Karanlık mod arasındaki geçişini yönetir. Kullanıcının tercihini tarayıcı hafızasına (LocalStorage) kaydeder ve bir sonraki ziyarette hatırlar.

01 Kullanım

Bu nitelik genellikle butonlara verilir. Tıklandığında html etiketine gerekli sınıfları ekler veya çıkarır.

index.html

<button data-aether-theme="light">☀️</button>

<button data-aether-theme="dark">🌙</button>

<button data-aether-theme="system">🖥️</button>

02 Mod Seçenekleri

AetherUI, modern işletim sistemleriyle uyumlu üç farklı modu destekler.

Değer	İşlev
light	<html> etiketindeki class="dark" sınıfını kaldırır. LocalStorage'a 'light' yazar.
dark	<html> etiketine class="dark" sınıfını ekler. LocalStorage'a 'dark' yazar.
system	Kullanıcının sistem tercihini dinler.