Siteme nası GECE-GÜNDÜZ- modu ekleyebilirim

Ben kendi siteme gündüz-gece modu eklemek istiyorum ancak bir türlü yapamadım AI den de pek destek alamadım eğer bilen biri varsa nası yapılacağını söyelebilirmi

<button id="theme-toggle">Tema Değiştir</button>

<style>
body.dark {
background-color: #333;
color: #fff;
}
body.light {
background-color: #fff;
color: #333;
}
</style>

<script>
const button = document.getElementById('theme-toggle');
button.addEventListener('click', () => {
document.body.classList.toggle('dark');
});
</script>


bu işinize yarar
Bu kod, bir buton ekler ve butona tıklandığında dark sınıfını ekleyip kaldırarak stil değişikliği yapar. Bu basit örnekte, arka plan ve yazı rengi değiştirilir. Ancak, daha karmaşık tasarımlar için daha fazla CSS kuralı eklemeniz gerekebilir. Örneğin, butonun görünümünü de değiştirebilirsiniz.

(07-04-2026, 19:30)Redkitt Adlı Kullanıcıdan Alıntı: Ben kendi siteme gündüz-gece modu eklemek istiyorum ancak bir türlü yapamadım AI den de pek destek alamadım eğer bilen biri varsa nası yapılacağını söyelebilirmi

(07-04-2026, 19:39)emperor Adlı Kullanıcıdan Alıntı: <button id="theme-toggle">Tema Değiştir</button>

<style>
body.dark {
background-color: #333;
color: #fff;
}
body.light {
background-color: #fff;
color: #333;
}
</style>

<script>
const button = document.getElementById('theme-toggle');
button.addEventListener('click', () => {
document.body.classList.toggle('dark');
});
</script>


bu işinize yarar
Bu kod, bir buton ekler ve butona tıklandığında dark sınıfını ekleyip kaldırarak stil değişikliği yapar. Bu basit örnekte, arka plan ve yazı rengi değiştirilir. Ancak, daha karmaşık tasarımlar için daha fazla CSS kuralı eklemeniz gerekebilir. Örneğin, butonun görünümünü de değiştirebilirsiniz.

merhaba bana ücretsiz bir şekide yapabil,irmisiniz temaya bakıp discord adresim açıklamda var

---

(07-04-2026, 19:41)-.RuFF Adlı Kullanıcıdan Alıntı: Aşağıdaki kodlardan yapabilirsin. html kodunu header kısmına eklemeyi unutma.

1. CSS Kodları

Kod:

:root {
    --bg-color: #ffffff;
    --text-color: #333333;
    --button-bg: #007bff;
}
.dark-mode {
    --bg-color: #181818;
    --text-color: #f0f0f0;
    --button-bg: #555555;
}
body {
    background-color: var(--bg-color);
    color: var(--text-color);
    transition: 0.3s;
}
button {
    background-color: var(--button-bg);
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
}

2. HTML (Buton)

Kod:

<button id="theme-toggle">Mod Değiştir</button>

 JavaScript Kodları

Kod:

const btn = document.getElementById("theme-toggle");
const currentTheme = localStorage.getItem("theme");
if (currentTheme === "dark") {
    document.body.classList.add("dark-mode");
}
btn.addEventListener("click", () => {
    document.body.classList.toggle("dark-mode");
   
    let theme = "light";
    if (document.body.classList.contains("dark-mode")) {
        theme = "dark";
    }
    localStorage.setItem("theme", theme);
});

merhaba sizde yazabilirsiniz

meraba .. tabii yardımcı olabilirim. web sitenizin adresini verebilirseniz bir kontrol ederim. ben discord kullanmıyorum fakat
fakat @-.RuFF kardeşimin de verdiği kod geçerlidir yapınıza entegre etmeniz yeterli olacaktır ..

Yapay zeka kullanıyormuşsun. Yapay zekaya ana dosyaları ve attığım kodları at entegre etmesini iste sana kodu verecektir.

@emperor abim işimi çözdü ona en içten teşekkür ederim