Предотвращение FOUC при загрузке таблицы стилей из локального хранилища - PullRequest
0 голосов
/ 20 октября 2018

Я создаю веб-сайт с возможностью загрузки таблицы стилей CSS "ночной режим", которую они могут включать и выключать.Я бы хотел, чтобы стиль сохранялся, пока они используют сайт.(Это сайт WordPress.)

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

<link href="" id="night-css" rel="stylesheet">
<script>
(function () {
    var style = localStorage.getItem('stylesheet');
    if (style) {
        document.getElementById('night-css').setAttribute('href', style);
    }
})()
</script>

У кого-нибудь есть предложение, как сделать это на стороне клиента?

...