Update 1.js
This commit is contained in:
@@ -1,5 +1,35 @@
|
|||||||
/*CHANGE THEME*/
|
/*CHANGE THEME*/
|
||||||
|
// Darkmode instance'ını oluştur
|
||||||
|
const darkmode = new Darkmode();
|
||||||
|
const metaTheme = document.getElementById("themeMeta");
|
||||||
|
|
||||||
|
// Dark mode değiştiğinde çalışacak fonksiyon
|
||||||
|
function updateThemeColor(isDark) {
|
||||||
|
metaTheme.setAttribute("content", isDark ? "#100f2c" : "#F8F6E3");
|
||||||
|
}
|
||||||
|
|
||||||
|
// 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);
|
||||||
|
|
||||||
|
// Tarayıcıya "sistem teması değişti" gibi davranması için event gönder
|
||||||
|
window.matchMedia('(prefers-color-scheme: dark)').dispatchEvent(new Event('change'));
|
||||||
|
});
|
||||||
|
|
||||||
|
// Tarayıcının sistem teması değişirse güncelle
|
||||||
|
if (window.matchMedia) {
|
||||||
|
const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
|
||||||
|
mediaQuery.addEventListener('change', function (e) {
|
||||||
|
updateThemeColor(e.matches);
|
||||||
|
});
|
||||||
|
|
||||||
|
// Sayfa ilk yüklendiğinde de kontrol et
|
||||||
|
updateThemeColor(mediaQuery.matches);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user