我无法在主题组件中加载颜色定义。它们根本不会出现在浏览器中。
我尝试迁移到颜色定义,因为我的主题在最近升级到 2.7.0.beta4 后出现了问题。
我在多个主题组件中定义了以下颜色(因此有多个代码块):
:root {
--my-post-name-color: #{dark-light-diff(#1e79a7, $secondary, 0%, 25%)};
}
$my-background: #ABDAFB;
$my-border: #38abe3;
:root {
--my-quote-background: #{dark-light-choose($my-background, $primary-low)};
--my-quote-border: #{dark-light-choose($my-border, blend-primary-secondary(5%))};
}
当我尝试使用我定义的颜色时,浏览器只报告它们是未知的,导致一切功能失效。
其中一个用法如下:
aside.quote .title {
background-color: var(--my-quote-background);
border-left: 5px solid var(--my-quote-border);
}
aside.quote blockquote {
background-color: var(--my-quote-background);
border-left: 5px solid var(--my-quote-border);
}
我哪里做错了?
我看到的唯一非默认颜色来自 BBCode 插件。