テーマコンポーネント内のカラー定義が読み込まれません。ブラウザには単に届いていないようです。
最近の 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 プラグイン由来のものだけです。