Não consigo fazer com que as definições de cor nos componentes do tema sejam carregadas. Elas simplesmente nunca chegam ao navegador.
Tentei migrar para as definições de cor porque meus temas quebraram com a recente atualização para a versão 2.7.0.beta4.
Tenho as seguintes definições de cor em vários componentes do tema (daí vários blocos de código):
: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%))};
}
Quando tento usar as cores que defini, o navegador apenas relata que elas são desconhecidas e tudo está quebrado.
Um exemplo de uso é assim:
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);
}
O que estou fazendo de errado?
As únicas cores não padrão que consigo ver são do plugin BBCode.