Функция onClick() и функция переключения темного режима ⇐ Html

[Anonymous]

Итак, у меня есть кнопка темного режима, которая отлично работает, когда включен светлый режим, но если я использую медиа-запрос автоматического определения CSS и страница запускается в темном режиме, кнопка ничего не сделает, потому что она уже находится в темном режиме. Мой вопрос: как я могу заставить работать одну и ту же кнопку темного режима и переключить страницу в светлый режим вместо добавления отдельной кнопки для светлого режима?

Код: Выделить всё

function dark_mode() {
var element = document.body;
element.classList.toggle("dark-mode");
}

Код: Выделить всё

.dark-mode {
css code for dark mode here
}

Код: Выделить всё

 dark mode 

Подробнее здесь: https://stackoverflow.com/questions/794 ... e-function