Я нашел, как вы можете сделать это с отдельными элементами, но я не смог найти ничего, что изменило бы тело CSS страницы. Я пытаюсь сделать что-то, где он будет переключаться между светлым и темным режимом при нажатии кнопки.
<!DOCTYPE html>
<button style="background-color: #252525;
border: 2px;
border-style: solid;
border-color: white;
color: white;
padding: 10px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
font-weight: bold;
margin: 4px 2px;
cursor: pointer;" id="changethemebutton" onclick="changeTheme()">Change Theme</button>
function changeTheme() {
document.getElementById(".background").style.background = "black";
}
</script>
<style>
body{
background-color:white
}
</style>