时间戳

首页 > 解决方案 > 深色模式主题 ASP.NET MVC

css - 深色模式主题 ASP.NET MVC

问题描述

我正在构建一个 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">

但是，当我转到另一页时，主题又回到了原来的那个。我如何使它保持不变？

非常感谢任何帮助。

标签： cssasp.net-mvcbootstrap-4

解决方案

推荐阅读