Html 黑暗主题 我想用Zurb创建一个黑暗的主题，背景是黑暗的，光的写作。我找不到一种方法来更改项目设置，所以我一直在编辑生成的CSS文件，这是不理想的。我希望我可以编辑sass文件，使其具有一个黑暗的主题，但我希望可以进行一些配置，而不是所有这些

设置文件的相关部分，我不知道如何使背景变暗

// Colors Settings

// $mainColor: #2ba6cb;
// $secondaryColor: #e9e9e9;
// $alertColor: #c60f13;
// $successColor: #5da423;
// $txtColor: #222;
// $highlightColor: #ffff99;
// $black: #000;
// $white: #fff;
// $shinyEdge: rgba(#fff, .5);
// $darkEdge: rgba(#000, .2);

---

你找对地方了。您只需取消注释这些行，例如：

// Colors Settings

// $mainColor: #2ba6cb;
// $secondaryColor: #e9e9e9;
// $aler...

应该是这样的：

// Colors Settings

$mainColor: #000000;
// $secondaryColor: #e9e9e9;
// $aler...

关于更改背景颜色，我认为您必须在app.scss中执行此操作，我要做的是将其他颜色设置添加到我的settings.scss文件中，然后在app.scss中使用这些设置：

// Colors Settings

$background:#000000;
$mainColor: #000000;
// $secondaryColor: #e9e9e9;
// $aler...

body,html {
    background:$background;
}

---

你找对地方了

如果您查看_global.scss，您可以在第7行看到：

body { background: $white; font-family: $bodyFontFamily; font-weight: $bodyFontWeight; font-style: $bodyFontStyle; font-size: ms(0); line-height: 1; color: $bodyFontColor; position: relative; -webkit-font-smoothing: $fontSmoothing; }

基本上，背景设置为

$white

$white
然后出现在scss文件的许多不同区域中，因此您可以

将
$white
变量更新为深色，并查看其外观
为
$dark
颜色创建一个新变量，并更新第7行以引用新变量