Bootstrap 5.3, data-bs-theme attribute'u ile native dark mode desteği sunuyor. Bu yazıda sıfırdan bir dark mode toggle nasıl yapılır anlatıyoruz.
Temel Kullanım
HTML elementine data-bs-theme="dark" eklemek yeterlidir.
<html data-bs-theme="dark">JavaScript ile Toggle
Kullanıcının tercihini localStorage'da saklayarak sayfa yenilemelerinde de hatırlayabilirsiniz.
Bu yaklaşım ile siteniz Google'ın Core Web Vitals kriterlerini de karşılar.
