Código inline é difícil de ver

Suporte
1

O código em linha no markdown renderizado do Discourse é quase imperceptível. Aqui está uma sequência da palavra code com formatação de código em cada outra ocorrência: code code code code. É muito difícil notar a diferença.

Compare, por exemplo, com como aparece no Stack Overflow:

image
image685×121 15.8 KB

E é ainda mais óbvio no Slack.

Como fazer para alterar isso para que o código em linha seja mais visível?

2

Você pode adicionar algo assim ao CSS do seu tema:

p>code, li>code, pre>code {
    background: #dcdcdc;
}

Personalizar → Temas → Editar CSS/HTML

3

Obrigado! Avisarei as pessoas relevantes sobre isso. E avisarei você.

4

Parece que isso altera tanto blocos de código regulares quanto código em linha. Existe uma maneira de alterar apenas o código em linha?

Os blocos de código estão ótimos, na minha opinião, não precisam de mais ênfase:

import this
5

Não facilmente. Você pode tentar segmentá-lo com seletores de atributo CSS… talvez.

Um bloco de código ficará assim:

<p>
    <code>algum código</code>
</p>

e o código inline ficará assim:

<p>
    "Lorem ipsum "
    <code>algum código</code>
     " dolor sit amet."
</p>

A diferença está nas aspas.

Mas, você não gostaria de ser consistente e ter ambos com o mesmo fundo?

6

Obrigado por toda a ajuda.

A comunidade Discourse que nossa equipe gerencia está vinculada ao nosso produto e, nele, não somos consistentes entre esses dois tipos de renderização de código. Usamos o estilo do Slack.

Como faço para marcar esta postagem como resolvida? Não consigo descobrir isso de jeito nenhum.

7

Apenas algumas das nossas categorias têm o botão ‘Resolvido’ ativado. Acabei de recategorizar isso para #suporte, agora você deve conseguir marcar uma solução.

8

Obrigado, Sam. Vejo um botão de solução na sua resposta, mas não na resposta que gostaria de marcar como solução.

Também vejo o botão nas minhas duas respostas ao post vinculado.

@sam, como posso marcar a resposta vinculada como solução? Como alternativa, como marco qualquer uma das respostas de omarfilip como solução?

9

Acho que é um caso de borda relacionado ao recarregamento em tempo real; um recarregamento completo da página traria o estado para um… hmm… estado bom.

Marquei como solução para você.