Мне не удаётся загрузить определения цветов в компонентах темы. Они просто никогда не появляются в браузере.
Я попытался перейти на определения цветов, так как мои темы перестали работать после недавнего обновления до версии 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.