主题组件颜色定义已损坏

我无法在主题组件中加载颜色定义。它们根本不会出现在浏览器中。

我尝试迁移到颜色定义,因为我的主题在最近升级到 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 插件。

2 个赞

经过进一步调查,我发现主题组件的颜色定义更改不会传播到主题中。它们可以(仅一次)通过更改主题自身的颜色定义来使其传播。

添加或移除主题组件也不会更新有效的颜色定义。

这看起来像是一个 bug?

3 个赞

是的,已确认这是一个错误,对此深感抱歉,我们将尽快修复。

5 个赞

FIX: Update digest when updating color definitions in theme component… · discourse/discourse@bfa3e24 · GitHub 应可解决此问题。

4 个赞