Update 1.js

JAVASCRIPT/1.js

@@ -1,43 +1,49 @@
-const themeMetaTag = document.querySelector('meta[name="theme-color"]');
-
-function updateThemeColor() {
-    if (document.body.classList.contains("darkmode--activated")) {
-        themeMetaTag.setAttribute("content", "#fff"); // Karanlık Mod Rengi
-    } else {
-        themeMetaTag.setAttribute("content", "#fff"); // Açık Mod Rengi
-    }
-}
-
-
-// Dark mode değiştiğinde theme color'ı güncelle
-document.addEventListener("DOMContentLoaded", updateThemeColor);
-document.addEventListener("click", updateThemeColor);
-
-/*SERVICES VISIBILITY*/
-const boxes = document.querySelectorAll('.services_id');
-
-// Görünürlük kontrol fonksiyonu
-function checkVisibility() {
-  const triggerBottom = window.innerHeight * 0.8;
-
-  boxes.forEach((box) => {
-    const boxTop = box.getBoundingClientRect().top;
-
-    if (boxTop < triggerBottom) {
-      box.classList.add('visible');
-      box.classList.remove('hidden');
-    } else {
-      // Aksi halde kutuyu gizle
-      box.classList.remove('visible');
-      box.classList.add('hidden');
-    }
-  });
-}
-
-window.addEventListener('scroll', checkVisibility);
-window.addEventListener('load', checkVisibility);
-
-
+const themeMetaTag = document.querySelector('meta[name="theme-color"]');
+
+function updateThemeColor() {
+    if (document.body.classList.contains("darkmode--activated")) {
+        themeMetaTag.setAttribute("content", "#100f2c"); // Karanlık Mod Rengi
+    } else {
+        themeMetaTag.setAttribute("content", "#ffffff"); // Açık Mod Rengi
+    }
+}
+
+// Dark mode butonu oluştur ve çalıştır
+const darkmode = new Darkmode(options);
+darkmode.showWidget();
+
+// Dark mode değiştiğinde theme color'ı güncelle
+document.addEventListener("DOMContentLoaded", updateThemeColor);
+document.addEventListener("click", () => {
+    setTimeout(updateThemeColor, 100); // Dark mode animasyonu için küçük gecikme
+});
+
+
+/*SERVICES VISIBILITY*/
+const boxes = document.querySelectorAll('.services_id');
+
+// Görünürlük kontrol fonksiyonu
+function checkVisibility() {
+  const triggerBottom = window.innerHeight * 0.8;
+
+  boxes.forEach((box) => {
+    const boxTop = box.getBoundingClientRect().top;
+
+    if (boxTop < triggerBottom) {
+      box.classList.add('visible');
+      box.classList.remove('hidden');
+    } else {
+      // Aksi halde kutuyu gizle
+      box.classList.remove('visible');
+      box.classList.add('hidden');
+    }
+  });
+}
+
+window.addEventListener('scroll', checkVisibility);
+window.addEventListener('load', checkVisibility);
+
+
 /*IMAGE CHANGER*/
 let currentIndex = 0;
 const images = document.querySelectorAll('#photo img');