深色模式主题 ASP.NET MVC

Question

我正在构建一个 Web 应用程序，希望为用户提供将主题从原始主题切换为深色模式主题的选项。

我有两个不同的.css文件，一个用于原始主题，一个用于深色模式，但我不知道如何实现这样的按钮。

现在我有这个功能：

function updateStyleSheet(filename) {

        newstylesheet = "Content/" + filename + ".css";
        if ($("#dynamic_css").length == 0) {
            $("head").append("<link>")
            css = $("head").children(":last");
            css.attr({
                id: "dynamic_css",
                rel: "stylesheet",
                type: "text/css",
                href: newstylesheet
            });
        } else {
            $("#dynamic_css").attr("href", newstylesheet);
        }

    }

我用以下方式称呼它：

<input type="button" onclick="updateStyleSheet('bootstrap-SUPERHER')" value="Dark Mode">

但是，当我进入另一页时，主题又回到原来的主题。如何让它保持恒定？

非常感谢任何帮助。

Answer 1

可能有点晚了，但我通过使用名为“localstorage”的window对象使这成为可能。通过将其应用到处理暗模式按钮/切换的 js 脚本中，您将在浏览器上保存用户输入。