Uyarlama
Tema ve Yapılandırma
Tema davranışı, opsiyonel feature ayarları ve proje bazlı özelleştirme sınırları.
Theme
Light/dark tema geçişi için kullanılır. Kontrol, standart olarak kompakt bir SVG ikon butonu şeklinde görünür; durum metni ekran okuyucular için korunur.
Kod
Çıktı
Canlı tema butonu
Opsiyonel Config
Mevcut örnekte config bloğu yoktur; default değerler yeterlidir. Config'i yalnızca varsayılan selector/eşik/debounce değerlerini değiştirmek istediğinizde ekleyin.
<script>
window.SIDEMENU_CONFIG = {
contentSelector: '.container',
scrollOffset: 150,
mobileBreakpoint: 900,
groupSelector: '.level-badge',
groupLabels: { TEMEL: 'Temel Seviye', ORTA: 'Orta Seviye' }
};
window.SEARCH_CONFIG = { contentSelector: '.container', maxResults: 50, debounceMs: 200 };
window.SCROLL_TOP_CONFIG = { threshold: 400 };
window.READING_PROGRESS_CONFIG = { elementId: 'readingProgress', contentSelector: '.container' };
</script>
Nereye yazılır? İlgili feature JS dosyasından önce yazılır. Defaultlar işinizi görüyorsa hiç yazmanız gerekmez.