No puedo hacer que las definiciones de color en los componentes del tema se carguen. Simplemente nunca llegan al navegador.
Intenté migrar a las definiciones de color porque mis temas se rompieron con la reciente actualización a la versión 2.7.0.beta4.
Tengo las siguientes definiciones de color en múltiples componentes del tema (de ahí los múltiples bloques 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%))};
}
Cuando intento usar los colores que defino, el navegador solo informa que son desconocidos y todo está roto.
Un uso es como este:
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);
}
¿Qué estoy haciendo mal?
Los únicos colores que no son predeterminados que puedo ver provienen del plugin BBCode.