Web siteme karanlık aydınlık cssi ekledim bunu php ile yapmaya çalışıyorum fakat algoritmasını yapamadım bir türlü.
Session ya da cookie ile yapmaya çalıştım olmadı.
<link rel="stylesheet" href="assets/css/<?php if ($_SESSION["mode"] == 1) {echo 'style';} else { echo 'style-light'; } ?>.css">
Session ile bu mantıkla style.css darkmode varsayılan eğer session mode 1 den farklıysa da style-light.css aydınlık modda çalıştırmak istiyorum.
Değişikliği ise checkbox inputu ile yapıyorum.
<input type="checkbox" class="checkbox" id="checkbox" <?php if ($_SESSION["mode"] == 1) {echo '';} else { echo 'checked'; } ?>>
<label for="checkbox" class="checkbox-label">
<i class="iconoir-half-moon"></i>
<i style="color:#FDA900" class="iconoir-sun-light"></i>
<span class="ball"></span>
</label>
<script type="text/javascript">
const checkbox = document.getElementById("checkbox")
checkbox.addEventListener("change", () => {
if (event.currentTarget.checked) {
<?php
$_SESSION["mode"] =0;
?>
alert('Gündüz modu aktif');
}
else {
<?php
$_SESSION["mode"] = 1;
?>
alert('Gece modu aktif');
}
})
</script>
Bu script ile değişiklik doğru çalışıyor fakat session ile nasıl yapacağımı bilemedim algoritma konusunda yardımcı olabilecek arkadaşlara şimdiden teşekkür ederim.
