Переключение между обычной «световой» цветовой схемой и темной ночной темой в Wordpress?

Question

Меня попросили реализовать режим «День/Ночь» на странице, которую я поддерживаю. Идея заключается в том, что тема по умолчанию - светлая тема со светлым фоном и более темными шрифтами и нажатие кнопки, переходящей в ночной режим и обратно.

В ручном сайте это выглядит проще, только переключаясь между 2 .css-файлами или переписывая цвета с другим при необходимости, по крайней мере, так я думаю, что я это сделаю.

Но в wordpress я не знаю, какой был бы лучший способ достичь этого. Я искал плагин, который делает это, и каким-то образом инвертирует мои стили, чтобы создать темный режим, но не смог найти ничего подобного. Как я вижу, мне придется делать это самостоятельно вручную, что было бы лучшим логическим способом достижения этого?

Просто спрашивайте о процедуре и какие файлы следует изменить или коснуться. Должен ли я создать другой стиль.css и изменить его? Это повлияет только на пользователя, выполняющего изменения в своем браузере, а не на глобальном уровне?

Answer 1

Присвоить класс night-mode вашему элементу тела, когда задействован «ночной режим» (script.js).

$('#night-toggle').click(function(e) { 
    e.preventDefault(); 
    $('body').addClass('night-mode'); 
}); 

Затем добавить CSS (style.css):

body.night-mode #somediv { 
    //night mode styles go here 
} 

body.night-mode #someotherdiv { 
    //night mode styles go here 
} 

body.night-mode #someotherdiv a { 
    //night mode styles go here 
} 
// etc etc etc for each style you need to change 

Теперь, это очень плохая реализация (и не очень описательный), потому что вы на самом деле не предусмотрено каких-либо примеров кода вы работаете, поэтому я должен предположить, что у вас очень ограниченный доступ к изменению кода для вашего сайта/темы.