# How can I set custom colors for inline code?

**URL:** https://meta.discourse.org/t/how-can-i-set-custom-colors-for-inline-code/86205
**Category:** Support
**Created:** [April 26, 2018, 7:46am UTC](https://meta.discourse.org/t/how-can-i-set-custom-colors-for-inline-code/86205 "2018-04-26T07:46:49Z")
**Posts on this page:** 3
**Page:** 1

<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: [April 26, 2018, 7:46am UTC](https://meta.discourse.org/t/how-can-i-set-custom-colors-for-inline-code/86205/1 "2018-04-26T07:46:49Z")

</div>

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](https://global.discourse-cdn.com/meta/original/3X/1/2/12c431a41a29e7ae5f76deb8eab6bc8a12bc64a0.png)  
vs  
`noticeable inline code`

Regards,  
Ivan

---

<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: [April 26, 2018, 11:47am UTC](https://meta.discourse.org/t/how-can-i-set-custom-colors-for-inline-code/86205/2 "2018-04-26T11:47:59Z")

</div>

Found Gitlab-style solution:

![inline code](https://global.discourse-cdn.com/meta/original/3X/2/c/2c3cde8858d7623f169dd0c295f5d1849d926d2b.png)

CSS:

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

```

---

<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: [June 8, 2024, 12:37pm UTC](https://meta.discourse.org/t/how-can-i-set-custom-colors-for-inline-code/86205/3 "2024-06-08T12:37:31Z")

</div>

This topic was automatically closed after 2235 days. New replies are no longer allowed.