为什么 dark-light-choose() 可能不起作用？

[awesomerobot (Kris)]

我认为，由于 SCSS 的编译方式，自定义的深色/浅色定义需要添加到主题内的 color_definitions.scss 中，而在其他 SCSS 文件中则无法生效。

color_definitions.scss 位于层叠顺序的较高位置（在许多默认样式之前），因此你不应该在那里添加 .modal.history-modal ins 部分。相反，你只需添加颜色定义本身：

$dark-theme-ins: #acf2bd;
$light-theme-ins: #4da06d;

$ins: dark-light-choose($light-theme-ins, $dark-theme-ins);

:root {
  --custom-ins: #{$ins};
}

然后在 common 或主题的其他任何文件中，你可以这样写：

.modal.history-modal {
    ins {
        background: var(--custom-ins);
    }
}