Otomatik değişen tarihli logo'ya karanlık mod
<div class="anasayfa logolar">
function logo () {
$date = date('m-d');
switch( $date ) {
# diger - bayram logo
case '04-23':
return 'bayram.svg';
break;
# diger - bayram2 logo
case '05-19':
return 'bayram2.svg';
break;
# Varsayilan
default:
return 'varsayilan.svg';
break;
}
}
echo '<div class="a-logo-wrap position-relative"><img class="logom" src="' . logo() . '" /></div></a>'
?>
Merhabalar,
böyle bir php kodu ile tarih o güne gelince otomatik değiştiriyor. Ancak karanlık mod olayını nasıl yapabiliriz.
Karanlık mod kullandığım style css ''.dark-mode'' şekilde karanlık tema için style veriyorum. Bu php koda nasıl karanlık mod entegre edebiliriz.
Bunu javascript ile yapabilirsin ben yeni başladım %100 nasıl yapıldığını bilmiyorum fakat şöyle birşey yapınca renk değiştirilebiliyor if ile butona basılınca dark ve light mode olarak ayarlatabilirsin
button.addEventListener('click', renk => {
document.getElementById("p2").style.background = "#fff";
document.getElementById("p2").style.color = "#000";
document.getElementById("button").innerHTML = "Dark Mode";
return
})