从本地存储加载样式表时防止FOUC

Question

我正在制作一个网站，该网站可以选择加载“夜间模式” css样式表，以便他们可以打开和关闭。只要他们使用网站，我希望这种风格能持续存在。 （这是一个WordPress网站。）

我目前la脚的尝试是用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>

有人会建议如何做此客户端吗？