Inline code in Discourse’s markdown rendered is hardly discernible. Here’s a sequence of the word code with code formatting in every other occurrence: code code code code. It’s very hard to tell the difference. Compare for instance with how it shows on Stack Overflow: [image] And it’s even more …

You can add something like this to your theme’s CSS: p>code, li>code, pre>code { background: #dcdcdc; } Customize → Themes → Edit CSS/HTML

Thanks! I’ll let the relevant people know about this. I’ll let you know.

It seems that this changes both regular code blocks and inline code. Is there a way to just change inline code? Code blocks are fine, they don’t need more emphasis, in my opinion: import this

Not easily. You could try to target it with CSS attribute selectors… maybe. A code block will look like this: <p> <code>some code</code> </p> and inline code looks like this: <p> "Lorem ipsum " <code>some code</code> " dolor sit amet." </p> The difference is in the quote marks. …

Thanks for all the help. The discourse community my team manages is tied to our product and in our product, we aren’t consistent between these two types of code rendering. We use Slack’s style. How do I go about marking this post as solved? I can’t for the life of me figure this out.

Only some of our categories have the solved button enabled. I just recategorized this to Support , you should be able to pick a solution now.

Thanks, Sam. I see a solution button in your reply, but not on the reply which I wish to mark as a solution. I also see it in my two replies to the linked post. @sam How can I mark the linked reply as a solution. As an alternative, how do I mark any of omarfilip ’s replies as a solution?

I think its an edge case around live reloading, a full reload of the page would bring state to a … hmmm … good state. I marked it as a solution for you.

内联代码难以看清

支持

omarfilip 2019 年8 月 19 日 21:12 2

您可以在主题的 CSS 中添加类似以下内容：

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

自定义 → 主题 → 编辑 CSS/HTML

话题		回复	浏览量
Inline code dificult to Identify Support	10	1546	2021 年12 月 3 日
Change styling of inline code blocks so they stand out more UX	19	3889	2022 年6 月 8 日
How can I set custom colors for inline code? Support	1	678	2018 年4 月 26 日
Setup Code blocks that stand out, per-language backgrounds Developers how-to	2	3318	2017 年10 月 17 日
Customized Inline Codeblocks Theme component official , custom-inline-codeblocks	0	1169	2022 年6 月 8 日

内联代码难以看清

相关话题