Não parece ter encontrado uma resposta definitiva ao pesquisar, mas quero alterar um item CSS de uma forma para escuro e de outra para claro.
Qual é a melhor maneira de conseguir isso no Discourse?
Não parece ter encontrado uma resposta definitiva ao pesquisar, mas quero alterar um item CSS de uma forma para escuro e de outra para claro.
Qual é a melhor maneira de conseguir isso no Discourse?
Suspeito que este tópico possa ajudá-lo.
Não acredito que posso editar o color_definitions.css, pois sou um cliente corporativo que a CDCK está hospedando. Suponho que terei que entrar em contato com eles sobre isso então.
Obrigada, Lilly!
acho que você pode substituí-lo com seu próprio CSS em outro tema ou componente não tenho certeza de como isso funciona, então vou mexer nisso hoje e ver se consigo criar um CSS condicional para modo escuro/claro. acho que isso deve ser possível.
qual é o elemento CSS que você deseja alterar com base no modo escuro/claro?
você pode adicionar definições de cores à guia de definições de cores da edição de CSS/HTML de um tema (color_definitions stylesheet).
Desculpe pela demora na resposta! Eu estava querendo mudar a cor da barra destacada* no topo de uma postagem de resposta de especialista em um tópico, mas queria destacar a barra com uma cor diferente para o tema claro e escuro.
não tenho certeza do que você quer dizer? você pode fornecer uma captura de tela?
Destacado desculpe, erro de digitação no celular!
Eu adoraria estar errado sobre isso, mas acho que não há uma verificação confiável que você possa usar com CSS.
@sp-jordan-violet geralmente a melhor abordagem é usar variáveis de cor dos seus esquemas de cores escuro e claro. Você pode verificar seus valores atuais usando o inspetor do navegador. Acredito que você não possa adicionar novas variáveis que alternem dependendo do esquema de cores. Mas há muitas variáveis para escolher e você pode usá-las em qualquer declaração personalizada. Por exemplo:
.topic-avatar {
height: unset;
align-self: stretch;
background-image: linear-gradient(
to right,
transparent -40%,
var(--secondary) 80%
),
linear-gradient(
to bottom,
var(--tertiary-300) 0%,
var(--highlight) 50%,
var(--quaternary-low) 100%
);
}
poderia lhe dar um destaque de post como este
![]()
sim, eu tendo a concordar. eu também tenho mexido em uma solução javascript / css, mas nada funcionando ainda
Uau, eu realmente gosto dessa ideia!!
isso parece muito legal. bom trabalho ![]()