jekyll 中的 CSS 覆盖

如何解决jekyll 中的 CSS 覆盖

首先，我是 Jekyll 和 CSS 的初学者。

为了学习它，我认为修改主题 moonwalk 将是一个好的开始，因为它的文档提到它非常容易。

我创建了一个包含以下内容的 /assets/main.scss：

---
---

@import "{{ site.theme }}";
@mixin dark-appearance {
  html,body  {
      --bg: #ffffff;
      --bg-secondary: #323945;
      --headings: #3D9970;
      --text: #adb5bd;
      --links: #91a7ff;
      --highlight: #ffd8a8;
      --highlight: #ffd43b;
  };
}

据我所知，这应该：

1. 从主题中导入普通的 main.css
2. 用白色覆盖 dark-appearance，特别是深色背景。

这对网站外观没有任何影响。也没有来自 jekyll serve

的错误消息

我做错了什么？