From 982fb52097b243cfad091d5bfbec1e151eb8f553 Mon Sep 17 00:00:00 2001 From: FURK4NGG <105324908+FURK4NGG@users.noreply.github.com> Date: Mon, 24 Feb 2025 21:05:46 +0300 Subject: [PATCH] Update 1.js --- JAVASCRIPT/1.js | 30 ++++++++++++++++++++++++++++++ 1 file changed, 30 insertions(+) diff --git a/JAVASCRIPT/1.js b/JAVASCRIPT/1.js index 31aaa32..02beab0 100644 --- a/JAVASCRIPT/1.js +++ b/JAVASCRIPT/1.js @@ -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); +}