No meu caso, tenho SVGs de fundo que preciso inverter no modo escuro. Não consigo estilizar com base em grupos, então tenho que anexar um sublinhado ao final dos emojis que preciso inverter.
Acho que isso é mais relacionado a recursos do que a um bug, então movi o tópico…
Isso é discutido aqui:
Além disso, você pode explicar um pouco a coisa do underscore? Não tenho certeza do que você quer dizer. Você tem duas versões de um emoji (claro e escuro) nomeadas como :emoji:, claramente visíveis em um tema claro, e uma alternativa :emoji_: mais adequada para o tema escuro?
@media (prefers-color-scheme: dark) {
img.emoji[title$="_:"] {
filter: invert(1)
}
}
Tenho uma série de emojis SVG pretos que agora estão invertidos no modo escuro. Você pode ver os ícones aqui:
Como tenho uma tonelada de outros emojis estabelecidos que não quero inverter, anexo o valor “_” ao final desses emojis.
Veja:
:pencil_: **Editar** – Permitir a edição do registro atualmente selecionado
:plus_: **Adicionar** – Criar um novo registro na tabela relacionada
:search_: **Pesquisar** – Pesquisar registros na tabela relacionada
Isso me permite manter os ícones que não desejo inverter:
Obrigado pela sua ajuda!