Html 如何更改asp.net-core mvc示例页面中的字体颜色

在这里学习一些asp和bootstrap。我正在使用asp.net-core 2的默认示例页。换东西。字体颜色到处都是灰色。我把背景色改成了黑色，所以我想把字体颜色改成黑色。我猜它在bootstrap.css或bootstrap.theme.css中，但这些文件太大了，也许有人能给我一些快捷方式。谢谢

例如，此h2文本和li元素中的文本

<div class="row">
<div class="col-md-3">
    <h2>Application uses</h2>
    <ul>
        <li>Sample pages using ASP.NET Core MVC</li>
        <li>Theming using <a href="https://go.microsoft.com/fwlink/?LinkID=398939">Bootstrap</a></li>
    </ul>
</div>

我猜它在bootstrap.css或bootstrap.theme.css中，但这些都是很大的文件

您不必更改编译的引导css文件。你最好不要这样。在这种情况下，很难维护代码

一种方法是创建一个css文件来覆盖bootstrap.css中定义的样式。但是我建议您按照描述直接定制引导

在项目目录中运行npminit-y。 运行npm i引导-保存开发以安装引导 npm安装节点sass如果您没有安装节点sass-g。 在项目目录中创建custom.scss，并根据需要覆盖变量。作为演示，我将背景颜色更改为212529，将字体颜色更改为fff：

运行cmd node sass。\scss\custom.scss wwwroot/css/bootstrap.custom.css。 这种方法适用于Bootstrap v4。ASP.NET Core 2.2 MVC模板默认使用Bootstrap v4。如果您使用的是V3，请下载npm安装引导sass安装，并以类似的方式进行安装

现在您获得了一个自定义引导css文件，请更改Views/Shared/_Layout.cshtml以引用此自定义样式文件：

最后，由于默认模板在navbarhard代码中使用灯光主题，您需要将导航栏更改为使用navbar dark/bg dark/text light：

---

您想为此使用css吗？您也可以使用bootstrap4类，但这在本代码中不起作用。我已经试过了@纽图迪斯正在考虑更改它的默认值。但是我不知道这是最好的方法。你是说用css覆盖它们@梅希纳布塔尼，这看起来像是对我的一个可怕的回应。我还没有试过，但我期待着这样做。谢谢@负离子

// the default color variables, you might want to custom it
$white:    #fff !default;
$gray-900: #212529 !default;

// override the default variables
$body-bg: $gray-900 !default; 
$body-color: $white !default;
// ... you might want to override other default colors for modal/carousel/card/...
//     feel free to override these variables if you need

// import the whole bootstrap
@import "./node_modules/bootstrap/scss/bootstrap";