如何将深色模式保存到cookie中？

Question

我已将Dark Mode的样式表文件添加到我的HTML源代码中，如下所示：

<link rel="stylesheet" href="dark.css" id="darkmodecss" disabled>

并且我做了一个启用此样式表的按钮，这是按钮的html + js编码：

<input type="button" id="goToDark" onClick="toggleDark()" value="Change Mode"></input>

<script>
var darkcss = document.getElementById('darkmodecss');
function toggleDark(){
if(('darkcss').disabled = true){
 darkcss.disabled = false;
}}
</script>

因此，即使页面已刷新，如何使我的网站仍处于暗模式。如果用户单击一次按钮并刷新页面，我想使css文件仍然处于启用状态。

---

谢谢。我希望你们能帮助我。

Answer 1

您必须确保将用户的此首选项存储在Cookie中或通过本地存储。

然后您需要加载此首选项。在这里看看：

Using cookies to retain stylesheet preference across website