From d749994af0c133c47b8bd84d4d0d7c80e0ca4783 Mon Sep 17 00:00:00 2001 From: FURK4NGG <105324908+FURK4NGG@users.noreply.github.com> Date: Mon, 24 Feb 2025 22:40:38 +0300 Subject: [PATCH] Update 1.js --- JAVASCRIPT/1.js | 24 ++++++++++++++++-------- 1 file changed, 16 insertions(+), 8 deletions(-) diff --git a/JAVASCRIPT/1.js b/JAVASCRIPT/1.js index 6b92124..633f932 100644 --- a/JAVASCRIPT/1.js +++ b/JAVASCRIPT/1.js @@ -1,21 +1,29 @@ /*CHANGE THEME*/ // Darkmode instance'ını oluştur +// Darkmode instance'ını oluştur const darkmode = new Darkmode(); -const metaThemeDark = document.querySelector('meta[name="theme-color"][media="(prefers-color-scheme: dark)"]'); -const metaThemeLight = document.querySelector('meta[name="theme-color"][media="(prefers-color-scheme: light)"]'); -const metaStatusBarDark = document.querySelector('meta[name="apple-mobile-web-app-status-bar-style"][media="(prefers-color-scheme: dark)"]'); -const metaStatusBarLight = document.querySelector('meta[name="apple-mobile-web-app-status-bar-style"][media="(prefers-color-scheme: light)"]'); +const metaThemeDark = document.querySelector('meta[name="theme-color"]'); +const metaStatusBarDark = document.querySelector('meta[name="apple-mobile-web-app-status-bar-style"]'); +// Dark mode değiştiğinde çalışacak fonksiyon function updateThemeColor(isDark) { - // Darkmode meta tag'lerini güncelle + // Tema rengini güncelle metaThemeDark.setAttribute("content", isDark ? "#100f2c" : "#ffffff"); - metaThemeLight.setAttribute("content", isDark ? "#ffffff" : "#100f2c"); - // Status bar renklerini değiştir + // Status bar rengini değiştir metaStatusBarDark.setAttribute("content", isDark ? "black-translucent" : "default"); - metaStatusBarLight.setAttribute("content", isDark ? "default" : "black-translucent"); } +// 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); +}); + + /*SERVICES VISIBILITY*/ const boxes = document.querySelectorAll('.services_id');