furk4ngg/FURK4NGG.github.io
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update 1.js

Browse Source
This commit is contained in:
FURK4NGG
2025-02-24 22:40:38 +03:00
committed by GitHub
parent 91dea34370
commit d749994af0
1 changed files with 16 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
JAVASCRIPT/1.js
+16 -8
View File
@@ -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');