Otomatik değişen tarihli logo'ya karanlık mod

erdal42 734 gün önce

387 defa görüntülendi ve 1 kişi tarafından değerlendirildi

<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.

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevaplar (3)

erdal42

733 gün önce

@barisdemir teşekkürler bilgi için. Hazır karanlık mod için buton vs hazır. Sadece karanlık mod aktif olduğunda logonun beyaz olması için özel logo ayarladım.
Ancak karanlık mod aktif olduğunda logo da değişmesini istiyorum.

#011514

barisdemir

734 gün önce

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
})

#011510

erdal42

734 gün önce

#011509