Understrap 子主题编辑不可见，未应用 sass 颜色变量

Question

我正在寻找更改$primary在_theme_variables.scss中应用的主要主题颜色； 在npm run watch-bs （浏览器同步）时将值从默认的$purple更改为$orange 。 主页上仍然没有变化：

我的编辑：

_theme_variables.scss

$purple: #5533ff; // Thats a sample how you could change a BootStrap variable.
$orange:  #fd7e14;
$primary: $orange;  // Once we've changed the value, we'll also make it the primary brand color.

_theme.scss ：

// This is an empty scss file for your custom styles - Please add your super duper awesome mega design styles here
@import "theme_variables";

我错过了什么？ 🤔

Answer 1

好的，我想我解决了这个特定问题。 我能够通过修改src/sass/theme/_child_theme_variables.scss成功覆盖$primary值。

较早的错误是期望在编辑src/sass/assets/understrap/theme/_theme_variables.scss ！

如果有人可以在这种情况下描述_child_theme_variables.scss与_theme_variables.scss的目的，我会接受他们的回答！ 😁