от
Я новичок в jQuery/JavaScript, но у меня это рабочий код, который позволяет мне переключить тему CSS цвета.
:root {
    

Вот мой CSS, который в настоящее время работает с этот код JavaScript:

/* Check if theme is in storage or set to null otherwise */
    const currentTheme = localStorage.getItem('page_theme') ? localStorage.getItem('page_theme') : 'light';
    /* If current theme is found, set css theme to dark or light respectively */
    if (currentTheme) {
        document.documentElement.setAttribute('data

До сих пор мне удалось сделать большую часть кода, за исключением небольшой, но который меняется от :корневой класс для сведения-тема.

Мне было интересно, как я могу сделать это в jQuery или изменить название [данные темы] что-то еще, что может работать.

Вот что я сделал до сих пор работает:

$(document).ready(function(){
        var $theme = localStorage.getItem('theme');


    if ($theme == 2){
        $("h2").css('color', 'green');
        localStorage.setItem($theme, 2);
        $theme = 2;
    }

    $("#theme_switch_btn").click(function(){
        if ($theme == 1) {


            $("h2").css('color', 'red');
            localStorage.setItem('theme', 2);
            $theme = 2;
        } else {


            $("h2").css('color', 'blue');
            $theme = 1;
            localStorage.setItem('theme', 1);
        }
  });
});

Ваш ответ

Отображаемое имя (по желанию):
Конфиденциальность: Ваш электронный адрес будет использоваться только для отправки уведомлений.
...