From add7a7ebef9b066dbe8a14cf0bdda3f48525dc3d Mon Sep 17 00:00:00 2001 From: FURK4NGG <105324908+FURK4NGG@users.noreply.github.com> Date: Sun, 3 Nov 2024 15:56:30 +0300 Subject: [PATCH] Update 1.js --- JAVASCRIPT/1.js | 39 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 39 insertions(+) diff --git a/JAVASCRIPT/1.js b/JAVASCRIPT/1.js index 13ea1c0..af735cf 100644 --- a/JAVASCRIPT/1.js +++ b/JAVASCRIPT/1.js @@ -171,6 +171,45 @@ const options = { autoMatchOsTheme: true // default: true } +const darkmode = new Darkmode(options); + +// Sayfa yüklendiğinde ilk temayı belirle +window.addEventListener('DOMContentLoaded', () => { + // Kayıtlı bir tema tercihi var mı? + const savedTheme = localStorage.getItem('theme'); + + // Eğer kayıtlı tema yoksa, sistem temasına göre otomatik ayarla + if (!savedTheme) { + const prefersDarkScheme = window.matchMedia("(prefers-color-scheme: dark)").matches; + if (prefersDarkScheme) { + darkmode.toggle(); // Dark mode'u etkinleştir + localStorage.setItem('theme', 'dark'); + } else { + localStorage.setItem('theme', 'light'); + } + } else if (savedTheme === 'dark') { + darkmode.toggle(); // Kayıtlı tema dark ise dark mode etkin + } +}); + +// Tema değiştirme fonksiyonu +function toggleTheme() { + const currentTheme = localStorage.getItem('theme'); + + // Dark mode aktifse light mode'a geç + if (currentTheme === 'dark') { + darkmode.toggle(); // Dark mode'u kapat + localStorage.setItem('theme', 'light'); + } else { + darkmode.toggle(); // Dark mode'u etkinleştir + localStorage.setItem('theme', 'dark'); + } +} + +// Toggle butonunu dinleyiciye bağla +document.querySelector('.darkmode-toggle').addEventListener('click', toggleTheme); + + /*GALLERY IMAGES*/ var TrandingSlider = new Swiper('.tranding-slider', { effect: 'coverflow',