Referenciando variáveis de cor do tema Discourse em componente de tema personalizado?

Suporte
5

Tenho problemas assim o tempo todo. Claro, é “óbvio” usar var, mas só se você souber e conseguir se lembrar!

Estou esperando algo para rodar, então, por curiosidade, verifiquei https://ask.discourse.com/ e perguntei “É possível acessar as variáveis de cor do tema Discourse no meu próprio componente de tema?” e eis que obtive isto:

  1. Variáveis de Cor Disponíveis:
    O Discourse fornece várias propriedades personalizadas de CSS predefinidas para cores, como:

    var(--primary)
var(--secondary)
var(--tertiary)
var(--quaternary)
var(--header_background)
var(--header_primary)
var(--highlight)
var(--danger)
var(--success)
var(--love)

  2. Exemplo de Uso:
    Você pode usar essas variáveis em seu CSS para garantir que seu tema se adapte a diferentes esquemas de cores selecionados pelo usuário. Por exemplo:

    body {
    background: var(--highlight);
}
1 curtida