Как сохранить темный режим в браузере и ускорить его загрузку? [дубликат] ⇐ Jquery

[Anonymous]

Я создал темный режим для своего веб-сайта с помощью HTML, CSS и JavaScript.
вот мой код JavaScript:

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

var $jDarkMode = jQuery.noConflict();

$jDarkMode(document).ready(function($) {
var darkModeToggle = $('#darkModeToggle');
var body = $('body');

var setDarkModePreference = function(value) {
localStorage.setItem('darkMode', value);
};

var updateDarkMode = function() {
var darkModePreference = localStorage.getItem('darkMode');

if (darkModePreference === 'true') {
body.addClass('dark-mode');
darkModeToggle.prop('checked', true);
} else {
body.removeClass('dark-mode');
darkModeToggle.prop('checked', false);
}
};

darkModeToggle.on('change', function() {
if (darkModeToggle.prop('checked')) {
body.addClass('dark-mode');
setDarkModePreference(true);
} else {
body.removeClass('dark-mode');
setDarkModePreference(false);
}
});

updateDarkMode();
});

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

Подробнее здесь: https://stackoverflow.com/questions/779 ... oad-faster