インラインコードは視認性が低い

サポート
1

Discourse のマークダウンでレンダリングされたインラインコードは、ほとんど区別がつきません。ここでは、単語 code のシーケンスを、コード形式で交互に適用した例を示します：code code code code。違いを判別するのは非常に困難です。

例えば、Stack Overflow での表示と比較してみてください：

image
image685×121 15.8 KB

Slack ではさらに明確です。

インラインコードが目立つように変更するには、どのようにすればよいでしょうか？

2

テーマの CSS に以下のようなコードを追加できます：

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

カスタマイズ → テーマ → CSS/HTML の編集

3

ありがとうございます！関係者に連絡しておきます。後ほどご連絡いたします。

4

これは通常のコードブロックとインラインコードの両方に変更が加えられているようです。インラインコードのみを変更することは可能でしょうか？

コードブロックは問題ありません。私の意見では、さらに強調する必要はないと思います：

import this
5

簡単ではありません。CSS の属性セレクタでターゲットを指定してみるのはどうでしょうか……多分。

コードブロックは次のようになります：

<p>
    <code>some code</code>
</p>

インラインコードは次のようになります：

<p>
    "Lorem ipsum "
    <code>some code</code>
     " dolor sit amet."
</p>

違いは引用符にあります。

でも、一貫性を持たせて両方に同じ背景色を適用したいと思いませんか？

6

ご支援ありがとうございます。

私のチームが管理している Discourse コミュニティは、当社の製品と連携しています。当社の製品内では、この2種類のコードレンダリングの扱いが一貫していません。Slack のスタイルを採用しています。

この投稿を「解決済み」としてマークするにはどうすればよいでしょうか？どうしても方法がわかりません。

7

一部のカテゴリのみで「解決済み」ボタンが有効になっています。このトピックを#supportに再分類しましたので、今なら解決策を選択できるはずです。

8

ありがとう、サム。あなたの返信には「解決済み」ボタンがあるようですが、私が解決済みとしてマークしたいこの返信にはありません。

また、リンクされた投稿への私の2つの返信にもそのボタンがあります。

@sam、リンクされた返信を解決済みとしてマークするにはどうすればよいでしょうか。あるいは、omarfilipのどの返信を解決済みとしてマークすればよいでしょうか？

9

ライブリロードに関するエッジケースだと思います。ページを完全に再読み込みすれば、状態が…ええと…正常な状態に戻るはずです。

あなたのために解決策としてマークしました。