Problema com Formatação de Bloco de Código no Discourse – Texto Vermelho e Realce Não Intencional

Suporte
21

Não é exatamente assim que fica na sua imagem do Discourse? (Exceto que no seu editor import e as estão em negrito)

22

Olá Alex,

Acho que o @Moin tem a ideia certa - estou vendo alguns estilos aplicados aos blocos de código que parecem vir de CSS/HTML personalizado no tema.

Esta imagem mostra a tela de um computador exibindo um editor de código com um script Python que inclui várias importações e definições de função. (Legenda gerada por IA)
Esta imagem mostra a tela de um computador exibindo um editor de código com um script Python que inclui várias importações e definições de função. (Legenda gerada por IA)1294×322 62 KB

Acho que esta linha (font-family: Consolas;) pode ser removida com segurança, pois está substituindo esses estilos existentes que usam a mesma fonte, mas também especificam opções de fallback:

code, pre {
    font-family: var(--d-font-family--monospace);
}

:root {
    --d-font-family--monospace: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace;
}

Talvez seu computador não consiga exibir Consolas e esteja apenas recorrendo à fonte padrão (não monoespaçada). Você pode verificar aqui para ver se esse CSS está presente:

1096×960 69.4 KB

1 curtida
24

Ah, notei também que temos um componente de tema oficial para personalizar a aparência dos blocos de código:

25

Acho que provavelmente foi esse o problema, mas não verifiquei. Acabei trocando de tema e isso resolveu o problema. Obrigado a todos pela ajuda! E obrigado novamente, Bryce, por encontrar o componente de tema para personalizar a aparência dos blocos de código.

1 curtida