Update 1.js
This commit is contained in:
@@ -1,5 +1,35 @@
|
||||
/*CHANGE THEME*/
|
||||
// Darkmode instance'ını oluştur
|
||||
const darkmode = new Darkmode();
|
||||
const metaTheme = document.getElementById("themeMeta");
|
||||
|
||||
// Dark mode değiştiğinde çalışacak fonksiyon
|
||||
function updateThemeColor(isDark) {
|
||||
metaTheme.setAttribute("content", isDark ? "#100f2c" : "#F8F6E3");
|
||||
}
|
||||
|
||||
// Toggle butonu dinleyicisi
|
||||
document.getElementById("darkmode-toggle").addEventListener("click", function () {
|
||||
darkmode.toggle(); // Dark mode'u aç/kapat
|
||||
|
||||
// Kendi dark mode'umuzu tarayıcıdaki dark mode gibi algılat
|
||||
const isDarkMode = darkmode.isActivated();
|
||||
updateThemeColor(isDarkMode);
|
||||
|
||||
// Tarayıcıya "sistem teması değişti" gibi davranması için event gönder
|
||||
window.matchMedia('(prefers-color-scheme: dark)').dispatchEvent(new Event('change'));
|
||||
});
|
||||
|
||||
// Tarayıcının sistem teması değişirse güncelle
|
||||
if (window.matchMedia) {
|
||||
const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
|
||||
mediaQuery.addEventListener('change', function (e) {
|
||||
updateThemeColor(e.matches);
|
||||
});
|
||||
|
||||
// Sayfa ilk yüklendiğinde de kontrol et
|
||||
updateThemeColor(mediaQuery.matches);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user