ASP.NET MVC 应用程序主题的暗模式不会切换答案

【问题标题】：Dark Mode for ASP.NET MVC app theme wont switchASP.NET MVC 应用程序主题的暗模式不会切换
【发布时间】：2020-03-31 17:21:51
【问题描述】：

我正在尝试在我的 MVC 应用程序上创建一个深色主题。

我已经保存了应用程序启动时使用的主题

<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap-simplex.css" />

下面是我的 site.js 文件中的 js

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);
    }
}

以下是我在 _Layout.cshtml 页面上使用的内容，这是我想要切换到的主题。

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

我似乎无法让主题切换工作，有人知道为什么吗？

【问题讨论】：

标签： javascript c# html asp.net-mvc model-view-controller

【解决方案1】：

Bootstrap 4 本身不支持暗模式。但是有一些方法可以实现这一点 - 请参阅 Guide to Dark Mode and Bootstrap。

boostrap-night 示例可以轻松适应使用 Bootswatch 主题。

我建议不要使用 Slate / Simplex 组合，因为这些主题具有非常不同的非颜色样式（例如字体、大小、边距等），并且切换会产生难看的过渡效果。但是，Flatly / Darkly 的组合在非颜色样式上是相同的，并且具有非常无缝（和酷）的过渡效果。

【讨论】：