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:48:36 +03:00
committed by GitHub
parent f6c7cfaa5f
commit 5a6dc564e4
1 changed files with 6 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
JAVASCRIPT/1.js
+6 -9
View File
@@ -1,16 +1,14 @@
/*CHANGE THEME*/ /*CHANGE THEME*/
// Darkmode instance'ını oluştur
// Darkmode instance'ını oluştur
const darkmode = new Darkmode(); const darkmode = new Darkmode();
const metaThemeDark = document.querySelector('meta[name="theme-color"]'); const metaThemeDark = document.querySelector('meta[name="theme-color"]');
const metaStatusBarDark = document.querySelector('meta[name="apple-mobile-web-app-status-bar-style"]'); const metaStatusBarDark = document.querySelector('meta[name="apple-mobile-web-app-status-bar-style"]');
// Dark mode değiştiğinde çalışacak fonksiyon // Dark mode değiştiğinde çalışacak fonksiyon
function updateThemeColor(isDark) { function updateThemeColor() {
// Tema rengini güncelle // Dark mode aktifse tema rengini koyu yap, değilse beyaz yap
metaThemeDark.setAttribute("content", isDark ? "#100f2c" : "#ffffff"); const isDark = darkmode.isActivated(); // Dark mode durumunu burada kontrol ediyoruz
// Status bar rengini değiştir metaThemeDark.setAttribute("content", isDark ? "#100f2c" : "#ffffff");
metaStatusBarDark.setAttribute("content", isDark ? "black-translucent" : "default"); metaStatusBarDark.setAttribute("content", isDark ? "black-translucent" : "default");
} }
@@ -18,9 +16,8 @@ function updateThemeColor(isDark) {
document.getElementById("darkmode-toggle").addEventListener("click", function () { document.getElementById("darkmode-toggle").addEventListener("click", function () {
darkmode.toggle(); // Dark mode'u aç/kapat darkmode.toggle(); // Dark mode'u aç/kapat
// Kendi dark mode'umuzu tarayıcıdaki dark mode gibi algılat // Meta etiketlerini güncelle
const isDark = darkmode.isActivated(); // `isDark` burada kullanılacak updateThemeColor();
updateThemeColor(isDark);
}); });