# Inline code is hard to see

**URL:** https://meta.discourse.org/t/inline-code-is-hard-to-see/126225
**Category:** Support
**Created:** [August 19, 2019, 9:04pm UTC](https://meta.discourse.org/t/inline-code-is-hard-to-see/126225 "2019-08-19T21:04:12Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![bruno\_at\_dq](https://avatars.discourse-cdn.com/v4/letter/b/bc8723/32.png) [@bruno\_at\_dq](https://meta.discourse.org/u/bruno_at_dq)
#### Post date: [August 19, 2019, 9:04pm UTC](https://meta.discourse.org/t/inline-code-is-hard-to-see/126225/1 "2019-08-19T21:04:12Z")

</div>

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](https://global.discourse-cdn.com/meta/original/3X/b/4/b4236681c33dab557b3162b2fb2dbb6ebf685a4c.png)  
And it’s even more obvious on Slack.

How would one go about changing this so that inline code is noticeable?

---

<div class="post-metadata">

### Author: ![omarfilip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/omarfilip/32/208019_2.png) [@omarfilip](https://meta.discourse.org/u/omarfilip)
#### Post date: [August 19, 2019, 9:12pm UTC](https://meta.discourse.org/t/inline-code-is-hard-to-see/126225/2 "2019-08-19T21:12:48Z")

</div>

You can add something like this to your theme’s CSS:

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

```

Customize → Themes → Edit CSS/HTML

---

<div class="post-metadata">

### Author: ![bruno\_at\_dq](https://avatars.discourse-cdn.com/v4/letter/b/bc8723/32.png) [@bruno\_at\_dq](https://meta.discourse.org/u/bruno_at_dq)
#### Post date: [August 19, 2019, 9:16pm UTC](https://meta.discourse.org/t/inline-code-is-hard-to-see/126225/3 "2019-08-19T21:16:49Z")

</div>

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

---

<div class="post-metadata">

### Author: ![bruno\_at\_dq](https://avatars.discourse-cdn.com/v4/letter/b/bc8723/32.png) [@bruno\_at\_dq](https://meta.discourse.org/u/bruno_at_dq)
#### Post date: [August 19, 2019, 9:33pm UTC](https://meta.discourse.org/t/inline-code-is-hard-to-see/126225/4 "2019-08-19T21:33:03Z")

</div>

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:

```python
import this

```

---

<div class="post-metadata">

### Author: ![omarfilip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/omarfilip/32/208019_2.png) [@omarfilip](https://meta.discourse.org/u/omarfilip)
#### Post date: [August 19, 2019, 10:27pm UTC](https://meta.discourse.org/t/inline-code-is-hard-to-see/126225/5 "2019-08-19T22:27:22Z")

</div>

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.

But, wouldn’t you want to be consistent and have both with the same background?

---

<div class="post-metadata">

### Author: ![bruno\_at\_dq](https://avatars.discourse-cdn.com/v4/letter/b/bc8723/32.png) [@bruno\_at\_dq](https://meta.discourse.org/u/bruno_at_dq)
#### Post date: [August 20, 2019, 6:07am UTC](https://meta.discourse.org/t/inline-code-is-hard-to-see/126225/6 "2019-08-20T06:07:36Z")

</div>

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.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [August 20, 2019, 6:11am UTC](https://meta.discourse.org/t/inline-code-is-hard-to-see/126225/7 "2019-08-20T06:11:04Z")

</div>

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.

---

<div class="post-metadata">

### Author: ![bruno\_at\_dq](https://avatars.discourse-cdn.com/v4/letter/b/bc8723/32.png) [@bruno\_at\_dq](https://meta.discourse.org/u/bruno_at_dq)
#### Post date: [August 20, 2019, 6:32am UTC](https://meta.discourse.org/t/inline-code-is-hard-to-see/126225/8 "2019-08-20T06:32:12Z")

</div>

Thanks, Sam. I see a solution button in your reply, but not on [the reply](https://meta.discourse.org/t/inline-code-is-hard-to-see/126225/2) 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](https://meta.discourse.org/u/omarfilip)’s replies as a solution?

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [August 20, 2019, 6:36am UTC](https://meta.discourse.org/t/inline-code-is-hard-to-see/126225/9 "2019-08-20T06:36:45Z")

</div>

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.

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [September 19, 2019, 6:36am UTC](https://meta.discourse.org/t/inline-code-is-hard-to-see/126225/10 "2019-09-19T06:36:49Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
