ODocument Template

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.