# List Color: Turn Off or Change Pink Color

**URL:** <https://discourse.joplinapp.org/t/list-color-turn-off-or-change-pink-color/8858>\
**Category:** Support\
**Created:** [22 May 2020 17:38 UTC](https://discourse.joplinapp.org/t/list-color-turn-off-or-change-pink-color/8858 "2020-05-22T17:38:48Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![5h3ph3rd](https://avatars.discourse-cdn.com/v4/letter/5/bc8723/32.png) [@5h3ph3rd](https://discourse.joplinapp.org/u/5h3ph3rd)\
**Post date:** [22 May 2020 17:38 UTC](https://discourse.joplinapp.org/t/list-color-turn-off-or-change-pink-color/8858/1 "2020-05-22T17:38:48Z")

</div>

Hi. How do you turn off or at least change the color of text when creating lists? When I create a list it is pink. Prefer black.

---

<div class="post-metadata">

**Author:** ![dpoulton](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/dpoulton/32/29723_2.png) [@dpoulton](https://discourse.joplinapp.org/u/dpoulton)\
**Post date:** [22 May 2020 19:24 UTC](https://discourse.joplinapp.org/t/list-color-turn-off-or-change-pink-color/8858/2 "2020-05-22T19:24:14Z")

</div>

You could try adding this to your **userchrome.css** file:

```css
.ace_list {
    color: black !important;
}

```

Got the above from this post by @tatoosh

> [@Share your CSS](https://discourse.joplinapp.org/t/share-your-css/1730/20):
>
> userchome.css /\*Tatoosh style\*/ .ace\_heading { color:#298d56 !important; font-weight: bold; } #note-editor{ color: black !important; } .ace\_emphasis{ color: black !important; font-weight: bold; } .ace\_blockquote{ color: #298d56 !important; border-left: 1px solid #298d56; } .ace\_string{ color: #85b096 !important; font-weight: bold; } .ace\_support{ color: #298d56 !important; font-weight: bold; } .ace\_function{ margin-left: 5px; /\* color:#6f6f6f !impor…

In fact the entire "Share your CSS" thread is devoted to CSS customisation so it may act as a good source for any other elements you may wish to modify.

---

<div class="post-metadata">

**Author:** ![5h3ph3rd](https://avatars.discourse-cdn.com/v4/letter/5/bc8723/32.png) [@5h3ph3rd](https://discourse.joplinapp.org/u/5h3ph3rd)\
**Post date:** [26 May 2020 23:29 UTC](https://discourse.joplinapp.org/t/list-color-turn-off-or-change-pink-color/8858/3 "2020-05-26T23:29:24Z")

</div>

Thanks. Surprised this app uses CSS. Can you explain on a high level what the app is built from? For example, is it somehow HTML 5 with CSS but running as an app? I’m curious.

---

<div class="post-metadata">

**Author:** ![uxamanda](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/uxamanda/32/6786_2.png) [@uxamanda](https://discourse.joplinapp.org/u/uxamanda)\
**Post date:** [27 May 2020 04:16 UTC](https://discourse.joplinapp.org/t/list-color-turn-off-or-change-pink-color/8858/4 "2020-05-27T04:16:34Z")

</div>

It is an Electron app ([https://www.electronjs.org](https://www.electronjs.org)) which uses HTML, CSS, and Javascript behind the scenes. This makes it very customizable. You can see the underlying structure by going to `Help > Toggle Developer Tools` just like in a browser.

---

<div class="post-metadata">

**Author:** ![5h3ph3rd](https://avatars.discourse-cdn.com/v4/letter/5/bc8723/32.png) [@5h3ph3rd](https://discourse.joplinapp.org/u/5h3ph3rd)\
**Post date:** [27 May 2020 15:29 UTC](https://discourse.joplinapp.org/t/list-color-turn-off-or-change-pink-color/8858/5 "2020-05-27T15:29:48Z")

</div>

Thanks! That’s very helpful. Now I understand why CSS is valid. Just love the app and the helpful community! Used to be a Evernote customer for many years. Not anymore.

---

<div class="post-metadata">

**Author:** ![Orozco](https://avatars.discourse-cdn.com/v4/letter/o/ea5d25/32.png) [@Orozco](https://discourse.joplinapp.org/u/Orozco)\
**Post date:** [29 May 2020 12:26 UTC](https://discourse.joplinapp.org/t/list-color-turn-off-or-change-pink-color/8858/6 "2020-05-29T12:26:07Z")

</div>

Starting with Windows 10 build 16215, Windows 10 now includes color filters at the system level, including filters designed to make it easier for people with color blindness to differentiate between colors like red.

---

<div class="post-metadata">

**Author:** ![whitewall](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/whitewall/32/6018_2.png) [@whitewall](https://discourse.joplinapp.org/u/whitewall)\
**Post date:** [17 February 2021 10:28 UTC](https://discourse.joplinapp.org/t/list-color-turn-off-or-change-pink-color/8858/7 "2021-02-17T10:28:18Z")

</div>

> [@dpoulton](#):
>
> You could try adding this to your **userchrome.css** file:
> 
> ```auto
> .ace_list {
> color: black !important;
> }
> 
> ```

This doesn't seem to be working any more. Ideas?

---

<div class="post-metadata">

**Author:** ![dpoulton](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/dpoulton/32/29723_2.png) [@dpoulton](https://discourse.joplinapp.org/u/dpoulton)\
**Post date:** [17 February 2021 11:15 UTC](https://discourse.joplinapp.org/t/list-color-turn-off-or-change-pink-color/8858/8 "2021-02-17T11:15:50Z")

</div>

> [@whitewall](#):
>
> This doesn't seem to be working any more. Ideas?

That class looks like it was for the old ACE editor. Joplin now uses CodeMirror. Use the Development Tools to find out what the equivalent class is. I would expect it to begin `.cm-`

---

<div class="post-metadata">

**Author:** ![whitewall](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/whitewall/32/6018_2.png) [@whitewall](https://discourse.joplinapp.org/u/whitewall)\
**Post date:** [17 February 2021 11:34 UTC](https://discourse.joplinapp.org/t/list-color-turn-off-or-change-pink-color/8858/9 "2021-02-17T11:34:21Z")

</div>

Sorry. I should have said that I looked at the development tools and I couldn't find a class for it. Not even one of the random classes.

But now I look again and I see there is .cm-variable-2 and that does it. But I don' know how to be sure that this class isn't also used for something else. I guess it may be unknowable. It seems to also style ordered lists also. [EDIT: and checkbox lists]

Thanks! Sorry, I should have tried harder.

---

<div class="post-metadata">

**Author:** ![dpoulton](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/dpoulton/32/29723_2.png) [@dpoulton](https://discourse.joplinapp.org/u/dpoulton)\
**Post date:** [17 February 2021 12:10 UTC](https://discourse.joplinapp.org/t/list-color-turn-off-or-change-pink-color/8858/10 "2021-02-17T12:10:41Z")

</div>

It looks like `.cm-variable-2` affects all lists, including checkboxes, and `.cm-meta` controls the checkbox square brackets `[]`