基本 Drupal / Bootstrap 实用问题 - 覆盖区域的颜色

Question

我已经破解了一段时间，并认为我做事的方式不正确。我不想让自己感到尴尬。

这个很简单实用。

带有 Barrio Bootrap 子主题的 Core d8 站点。我使用该脚本来创建我的子主题并安装/吞咽它以“编译”它。

请注意，在此基本页面中，用户帐户链接是深蓝色背景上的浅蓝色文本。不好看。

我认为首先要在 variables.scss 中查找颜色托盘的内容，然后让 gulp 获取更改。

但在我的情况下，我试图只针对一个街区。

所以我检查了元素，并认为我看到了一个通过名为“menu--account”的树枝模板应用的类，它的名字似乎很恰当。但是我没有看到在检查器中应用了任何类变量，所以我在想一个有远见的开发人员把那个类放在那里供我使用，但默认情况下它不存在。

所以，我认为我的任务是覆盖（在这种特定情况下，创建）类并添加我的颜色属性。

这是在正确的方向吗？

如果是这样，实际的部分是......我在哪里添加该类？在我的顶级 scss 文件之一中，例如 variables.scss？

这是关于类的 scss 语法的帮助。我是否只是将“正文”更改为我的班级“菜单 - 帐户”？ $font-stack: 黑体，无衬线； $primary-color: #333;

body {
  font: 100% $font-stack;
  color: $primary-color;
}

当 ai 试图提出一个好问题时，我可能（或没有）想通了。我们拭目以待……

Answer 1

是的，做到了。我的第一次尝试

.menu--account {  color: $white;
} 

没有按预期工作，但我确实看到我的新班级出现在检查员中。

所以我只需要找到合适的目标类。

这些在添加到我的 variables.scss 底部时有效，但我需要在未登录时检查类名。

.nav-link--user {
  color: $white;
}
.nav-link--user-logout {
  color: $white;
}