# Inline code dificult to Identify

**URL:** https://meta.discourse.org/t/inline-code-dificult-to-identify/208776
**Category:** Support
**Created:** [November 10, 2021, 10:06am UTC](https://meta.discourse.org/t/inline-code-dificult-to-identify/208776 "2021-11-10T10:06:35Z")
**Posts on this page:** 12
**Page:** 1

<div class="post-metadata">

### Author: ![hhlp](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hhlp/32/124988_2.png) [@hhlp](https://meta.discourse.org/u/hhlp)
#### Post date: [November 10, 2021, 10:06am UTC](https://meta.discourse.org/t/inline-code-dificult-to-identify/208776/1 "2021-11-10T10:06:35Z")

</div>

Inline code `code` → Normal Code

I’ve found this two solutions, both doesn’t works, I’m missing something or something changed in the meantime.

> [@Inline code is hard to see](https://meta.discourse.org/t/inline-code-is-hard-to-see/126225):
>
> 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 obvious on Slack. How would one go about changing this so that inline code is noticeable?

> [@How can I set custom colors for inline code?](https://meta.discourse.org/t/how-can-i-set-custom-colors-for-inline-code/86205):
>
> Hi, currently inline code is gray-highlighted. How can I change this to make it more contrast with color text? For instance like this: [%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5] vs noticeable inline code Regards, Ivan

thx in advanced…

Regards.,

---

<div class="post-metadata">

### Author: ![IAmGav](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/iamgav/32/235598_2.png) [@IAmGav](https://meta.discourse.org/u/IAmGav)
#### Post date: [November 10, 2021, 10:13am UTC](https://meta.discourse.org/t/inline-code-dificult-to-identify/208776/2 "2021-11-10T10:13:52Z")

</div>

there are 4 settings in `admin > settings` that you would need to look at

 ![image](https://global.discourse-cdn.com/meta/original/3X/3/a/3a54eba1e24391a73b641cbada5674e0fa0dcfd4.png)

I hope that helps

---

<div class="post-metadata">

### Author: ![hhlp](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hhlp/32/124988_2.png) [@hhlp](https://meta.discourse.org/u/hhlp)
#### Post date: [November 10, 2021, 10:43am UTC](https://meta.discourse.org/t/inline-code-dificult-to-identify/208776/3 "2021-11-10T10:43:27Z")

</div>

I can’t see any diferences:

Default code language → auto  
autohlighted languages → a list  
show copy button to codeblock → activated  
autohighted all code → activated

option not available code-fences.

I can’t install code-fences because is a business plan.

# NOTE

I also adding plain-text to the list…

Regards.,

---

<div class="post-metadata">

### Author: ![Ivan\_Rapekas](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ivan_rapekas/32/248924_2.png) [@Ivan\_Rapekas](https://meta.discourse.org/u/Ivan_Rapekas)
#### Post date: [November 10, 2021, 11:22am UTC](https://meta.discourse.org/t/inline-code-dificult-to-identify/208776/4 "2021-11-10T11:22:23Z")

</div>

As OP mentioned, inline code can be highlighted. The method still works:

1. Go to [https://example.com/admin/customize/themes/1/common/scss/edit](https://example.com/admin/customize/themes/1/common/scss/edit) (regarding your theme URL may differ)
2. Go to the bottom of the CSS section and paste the code below:

```css
p>code, li>code {
   color: #c7254e;
   background: #f9f2f4;
   padding: 2px 4px;
   border-radius: 2px;
}

```

Save. Done. Your inline text looks like this: ![изображение](https://global.discourse-cdn.com/meta/original/3X/2/d/2d14bfd6fa77263c795a00a436d140b9287cb24f.png)

 ![изображение](https://global.discourse-cdn.com/meta/original/3X/8/c/8c7a7e57d82ca4ff8a6875083500e83b454dd802.png)

> [@IAmGav](#):
>
> there are 4 settings in `admin > settings`

this is for code blocks only (picture below). The original question was about `inline text`

 ![изображение](https://global.discourse-cdn.com/meta/original/3X/9/a/9ad23cc16592cbbf5384f5cfeda344ce54b54a0a.png)

---

<div class="post-metadata">

### Author: ![hhlp](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hhlp/32/124988_2.png) [@hhlp](https://meta.discourse.org/u/hhlp)
#### Post date: [November 10, 2021, 12:04pm UTC](https://meta.discourse.org/t/inline-code-dificult-to-identify/208776/5 "2021-11-10T12:04:50Z")

</div>

thx for response I’ve tested your code before but I don’t know why doesn’t works in mi site:

 ![Captura de pantalla de 2021-11-10 13-01-53](https://global.discourse-cdn.com/meta/original/3X/8/3/83249d84c607eda09e930af3fec011713874bab2.png)

![Captura de pantalla de 2021-11-10 13-04-12](https://global.discourse-cdn.com/meta/original/3X/4/7/4732ed855671e2f205e4103a75dc9c97b0dc9105.png)

Regards.,

---

<div class="post-metadata">

### Author: ![Ivan\_Rapekas](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ivan_rapekas/32/248924_2.png) [@Ivan\_Rapekas](https://meta.discourse.org/u/Ivan_Rapekas)
#### Post date: [November 10, 2021, 12:20pm UTC](https://meta.discourse.org/t/inline-code-dificult-to-identify/208776/6 "2021-11-10T12:20:56Z")

</div>

Probably your theme is customized already and does not support this.

I use default theme (sorry for non-english text):

 ![изображение](https://global.discourse-cdn.com/meta/original/3X/a/b/ab55e425e7db44d7a7822883b5a902eb5011f1ca.png)

---

<div class="post-metadata">

### Author: ![hhlp](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hhlp/32/124988_2.png) [@hhlp](https://meta.discourse.org/u/hhlp)
#### Post date: [November 10, 2021, 12:24pm UTC](https://meta.discourse.org/t/inline-code-dificult-to-identify/208776/7 "2021-11-10T12:24:12Z")

</div>

I’ve used the default color schema → light

Regards.,

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [November 10, 2021, 1:49pm UTC](https://meta.discourse.org/t/inline-code-dificult-to-identify/208776/8 "2021-11-10T13:49:57Z")

</div>

I’ve just had a test on my site with Default Light theme, and it works for me. 👍 I had to refresh my page for it to display properly.

 ![inline code tweak](https://global.discourse-cdn.com/meta/original/3X/a/7/a78f73155231668607f2b59fdfe50d43e68f5ad2.jpeg)

Did you add it as a new theme component? If so, did you remember to attach it to the theme? (pretty obvious, I know, but I forgot 🙂)

---

<div class="post-metadata">

### Author: ![hhlp](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hhlp/32/124988_2.png) [@hhlp](https://meta.discourse.org/u/hhlp)
#### Post date: [November 10, 2021, 3:31pm UTC](https://meta.discourse.org/t/inline-code-dificult-to-identify/208776/9 "2021-11-10T15:31:29Z")

</div>

very glad to works here now, and thx for point me in the right directions, but some problem is here, a component which is apply the them has impediment the source works, when I’ve had a more clear idea was is the component I’ve wrote here.

Regards.,

---

<div class="post-metadata">

### Author: ![hhlp](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hhlp/32/124988_2.png) [@hhlp](https://meta.discourse.org/u/hhlp)
#### Post date: [November 10, 2021, 3:38pm UTC](https://meta.discourse.org/t/inline-code-dificult-to-identify/208776/10 "2021-11-10T15:38:40Z")

</div>

I’ve found and this is the source:

→ [discourse-custom-code/common at main · discourse/discourse-custom-code · GitHub](https://github.com/discourse/discourse-custom-code/tree/main/common)

> <https://github.com/discourse/discourse-custom-code/blob/main/common/common.scss>

```plaintext
p > code,
li > code,
pre > code {
  color: dark-light-choose($code_light, $code_dark) $i;
  background: dark-light-choose($code_background_light, $code_background_dark) $i;
}

```

you can do it without tweaks CSS, just use that component and modify:

- color light.
- color background light.
- code dark.
- code background dark.

### NOTE

however this works for both inline code and block-code.

Regards.,

---

<div class="post-metadata">

### Author: ![Ivan\_Rapekas](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ivan_rapekas/32/248924_2.png) [@Ivan\_Rapekas](https://meta.discourse.org/u/Ivan_Rapekas)
#### Post date: [December 3, 2021, 4:27am UTC](https://meta.discourse.org/t/inline-code-dificult-to-identify/208776/11 "2021-12-03T04:27:02Z")

</div>

> [@hhlp](#):
>
> I’ve found and this is the source

Seems the proper link should be [Custom Code](https://meta.discourse.org/t/custom-source-code-formatting-component/108059)

---

<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: [January 2, 2022, 4:27am UTC](https://meta.discourse.org/t/inline-code-dificult-to-identify/208776/12 "2022-01-02T04:27:17Z")

</div>

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