javascript ile css değiştirme

merhaba arkadaşlar, js ile aram pek iyi değil bugüne kadar hep hazır yazılmışları kullandığım için. şuan ufak bir yardıma ihtiyacım var. elimde bir tema için düzenlenmiş iki adet .css var. biri dark.css diğeri light.css javascript ile ziyaretçilerin sayfayı yenilemeden bu iki .css'i (gece/gündüz modu gibi düşünebilirsiniz) seçebilmelerini istiyorum.

yardımlarınız için şimdiden teşekkürler.

document.styleSheets[0].href = "dark.css";

https://www.w3schools.com/howto/howt..._dark_mode.asp

Yardımcı olacaktır.

hocam bunu tam olarak nasıl kullanacağız ?

.dark-mode {
background-color: black;
color: white;
}

sanıyorum ki bu sadece eklediğin sınıfı aktif etmek için geçerli ben komple .css dosyası değişsin istiyorum, css içindeki bir sınıfı değil.

[0] eklenen ilk stylesheet'i verir.
light css'i link ile import edin html'e
adam bi butona basınca onclick olayına tetikle() fonksiyonunu verin
javascriptte te tetikle() fonksiyonuna bu komutu girin,
bu komut 0'ıncı yani ilk stylesheetin href'ini tırnak içindekiyle değiştirir, light.css le dark.css aynı yerde olsun, light'ı dark yapar.

Dediğiniz işlem için r10 daki gibi gece ve gündüz butonları eklemelisiniz ardından js ile bu kodlara anlam vermelisiniz ücretli yardım sağlayabilirim dilerseniz PM atin