我正在尝试使用hackerthemes kit创建一个简单的深色/反转bootstrap 4主题（黑色背景，白色文本），并覆盖bootstrap变量scss。使用$body-bg: black将背景设置为黑色非常简单，但是我一生都无法找出哪个变量控制文本颜色。
我看到headings-color的默认值为inherit，我认为这意味着从常规文本颜色继承，但是我找不到在哪里定义。
帮助白痴出来吗？如何使用SCSS在bootstrap 4中设置基本文本颜色？
答案 0 :(得分：1)
覆盖body-color。在CSS中，元素的颜色由名称混乱的color属性控制。因此，bootstrap变量的名称就是从该变量派生的。
答案 1 :(得分：0)
在与引导scss文件相同的根文件夹中，创建一个main.scss文件。您可以根据自己的喜好称呼它：主要，站点，自定义等。
/* main.scss */
/* import the necessary Bootstrap files */
@import "_functions.scss";
@import "_variables.scss";
/* make changes to the !default Bootstrap variables */
$body-color: #6D2077; //this is the text color
$body-bg: #F2F5F7; //this is the background color
$input-focus-border-color: #6D2077;
// Typography
//$font-size-base: 12px; // this changes the font-size throughout bootstrap
//$font-family-sans-serif: "Raleway", sans-serif;
//$font-size-base: 1rem;
//$line-height-base: 1.2;
/* here you can change the default colors, for example, text-danger. */
$theme-colors: ( "primary": purple, "danger": orange );
/* finally, import Bootstrap to set the changes! */
@import "bootstrap.scss";
使用Scss编译器将main.scss代码转换为main.css。
从您的代码链接到main.css文件。