是的,那份指南确实有点过时了。不过,导致你遇到问题的原因并非核心变量,而是某个组件中的 SCSS 颜色未继承主题的色彩方案。(尽管如此,我会通读该指南并对其进行更新。)
补充一点背景:我们在 2020 年 8 月至 9 月期间改用 CSS 自定义属性来处理颜色。做出这一变更的主要原因是,我们希望以一种轻量且高效的方式支持自动深色模式色彩方案切换。主题包含 CSS 和 JS,因此无法快速切换;但使用 CSS 自定义属性,色彩方案可以在不刷新页面的情况下即时切换。
我看到你的站点中有 4 个主题,每个主题对应一种色彩方案,并且有一个跨主题共享的组件用于处理共享样式。你完全可以通过一个主主题(包含所有共享样式)和 4 种用户可选的色彩方案来实现几乎相同的效果。你只需将主主题中 color_definitions.scss 文件内的所有颜色计算逻辑迁移过去即可。这是完全可行的,我明天会尽量找时间尝试一下。