Ich kann keine Farbdefinitionen in Theme-Komponenten laden. Sie erscheinen einfach nie im Browser.
Ich habe versucht, auf Farbdefinitionen umzusteigen, da meine Themes mit dem kürzlichen Upgrade auf 2.7.0.beta4 kaputtgegangen sind.
Ich habe folgende Farbdefinitionen in mehreren Theme-Komponenten (daher mehrere Codeblöcke):
: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%))};
}
Wenn ich versuche, die definierten Farben zu verwenden, meldet der Browser nur, dass sie unbekannt sind, und alles ist kaputt.
Eine Verwendung sieht so aus:
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);
}
Was mache ich falsch?
Die einzigen nicht-standardmäßigen Farben, die ich sehen kann, stammen vom BBCode-Plugin.