# Note editor appearance

**URL:** <https://discourse.joplinapp.org/t/note-editor-appearance/24135>\
**Category:** Support\
**Created:** [3 March 2022 20:42 UTC](https://discourse.joplinapp.org/t/note-editor-appearance/24135 "2022-03-03T20:42:29Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![aminokiselina](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/aminokiselina/32/12968_2.png) [@aminokiselina](https://discourse.joplinapp.org/u/aminokiselina)\
**Post date:** [3 March 2022 20:42 UTC](https://discourse.joplinapp.org/t/note-editor-appearance/24135/1 "2022-03-03T20:42:30Z")

</div>

Hello everyone!

I am using Joplin 2.7.13 (the latest version) on a laptop running Windows 10 Home, and I have a problem with the note editor (markdown).

I haven't used Joplin in a while, but I remember the note editor being in coloured monospace font. Now it looks the same as the font in the viewer panel.

I am really sorry for asking such a noob question, but I've been trying to solve the problem myself for the past few hours (playing with the appearance settings) and I've searched online for the answer, but I didn't find the answer I was looking for.

Thank you in advance!

---

<div class="post-metadata">

**Author:** ![Daeraxa](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/daeraxa/32/6172_2.png) [@Daeraxa](https://discourse.joplinapp.org/u/Daeraxa)\
**Post date:** [4 March 2022 00:45 UTC](https://discourse.joplinapp.org/t/note-editor-appearance/24135/2 "2022-03-04T00:45:03Z")

</div>

Have a look at [this post](https://discourse.joplinapp.org/t/joplin-2-7-bold-text-not-green-anymore/23995/2) - should have everything you need.  
The styling was changed quite a few versions back now.

---

<div class="post-metadata">

**Author:** ![aminokiselina](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/aminokiselina/32/12968_2.png) [@aminokiselina](https://discourse.joplinapp.org/u/aminokiselina)\
**Post date:** [4 March 2022 13:42 UTC](https://discourse.joplinapp.org/t/note-editor-appearance/24135/3 "2022-03-04T13:42:14Z")

</div>

Thank you very much!

---

<div class="post-metadata">

**Author:** ![aminokiselina](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/aminokiselina/32/12968_2.png) [@aminokiselina](https://discourse.joplinapp.org/u/aminokiselina)\
**Post date:** [4 March 2022 13:49 UTC](https://discourse.joplinapp.org/t/note-editor-appearance/24135/4 "2022-03-04T13:49:59Z")

</div>

I've changed the files according to [this post](https://discourse.joplinapp.org/t/joplin-customization/11195), quit the app, started it again, but nothing has changed.

---

<div class="post-metadata">

**Author:** ![Daeraxa](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/daeraxa/32/6172_2.png) [@Daeraxa](https://discourse.joplinapp.org/u/Daeraxa)\
**Post date:** [4 March 2022 13:59 UTC](https://discourse.joplinapp.org/t/note-editor-appearance/24135/5 "2022-03-04T13:59:40Z")

</div>

If you are on Windows make sure you have fully quit the app and not just minimised it to the systray.  
If you have definitely done that then can you post the contents of your `userchrome.css` file here (put it in a code fence by surrounding in triple backticks (```))

---

<div class="post-metadata">

**Author:** ![aminokiselina](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/aminokiselina/32/12968_2.png) [@aminokiselina](https://discourse.joplinapp.org/u/aminokiselina)\
**Post date:** [4 March 2022 14:03 UTC](https://discourse.joplinapp.org/t/note-editor-appearance/24135/6 "2022-03-04T14:03:38Z")

</div>

Thank you for the replies!  
I've made sure to properly quit the app. Here are the conents of my `userchrome.css`:

````auto
div.CodeMirror.cm-s-material-darker span.cm-quote {color: #dddddd;}
div.CodeMirror.cm-s-material-darker span.cm-negative {color: #d44;}
div.CodeMirror.cm-s-material-darker span.cm-positive {color: #292;}
div.CodeMirror.cm-s-material-darker span.cm-header, span.cm-strong {font-weight: bold;}
div.CodeMirror.cm-s-material-darker span.cm-em {font-style: italic;}
div.CodeMirror.cm-s-material-darker span.cm-link {text-decoration: underline;}
div.CodeMirror.cm-s-material-darker span.cm-strikethrough {text-decoration: line-through;}

div.CodeMirror.cm-s-material-darker span.cm-keyword {color: #c792ea;}
div.CodeMirror.cm-s-material-darker span.cm-atom {color: #f78c6c;}
div.CodeMirror.cm-s-material-darker span.cm-number {color: #ff5370;}
div.CodeMirror.cm-s-material-darker span.cm-def {color: #00f;}
div.CodeMirror.cm-s-material-darker span.cm-variable,
div.CodeMirror.cm-s-material-darker span.cm-punctuation,
div.CodeMirror.cm-s-material-darker span.cm-property,
div.CodeMirror.cm-s-material-darker span.cm-operator {}
div.CodeMirror.cm-s-material-darker span.cm-variable-2 {color: #eeffff;}
div.CodeMirror.cm-s-material-darker span.cm-variable-3, div.CodeMirror.cm-s-material-darker span.cm-type {color: #decb6b;}
div.CodeMirror.cm-s-material-darker span.cm-comment {color: #878787;}
div.CodeMirror.cm-s-material-darker span.cm-string {color: #c3e88d;}
div.CodeMirror.cm-s-material-darker span.cm-string-2 {color: #f50;}
div.CodeMirror.cm-s-material-darker span.cm-meta {color: #ffcb6b;}
div.CodeMirror.cm-s-material-darker span.cm-property {color: #decb6b;}
div.CodeMirror.cm-s-material-darker span.cm-qualifier {color: #555;}
div.CodeMirror.cm-s-material-darker span.cm-builtin {color: #30a;}
div.CodeMirror.cm-s-material-darker span.cm-bracket {color: #ff5370;}
div.CodeMirror.cm-s-material-darker span.cm-tag {color: #ff5370;}
div.CodeMirror.cm-s-material-darker span.cm-attribute {color: #00c;}
div.CodeMirror.cm-s-material-darker span.cm-hr {color: #dddddd;}
div.CodeMirror.cm-s-material-darker span.cm-link {color: #c3e88d;}
div.CodeMirror.cm-s-material-darker span.cm-link-text {color: #dddddd;}
div.CodeMirror.cm-s-material-darker span.cm-operator {color: #89ddff;}

div.CodeMirror.cm-s-material-darker span.cm-error {color: #dddddd;}
span.cm-invalidchar {color: #f00;}```
````

---

<div class="post-metadata">

**Author:** ![Daeraxa](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/daeraxa/32/6172_2.png) [@Daeraxa](https://discourse.joplinapp.org/u/Daeraxa)\
**Post date:** [4 March 2022 15:29 UTC](https://discourse.joplinapp.org/t/note-editor-appearance/24135/7 "2022-03-04T15:29:40Z")

</div>

That one works fine for me. Are you using the right theme for it? (i.e. to use that one you need to be using the dark theme, for the light theme you need to use a different set).

---

<div class="post-metadata">

**Author:** ![aminokiselina](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/aminokiselina/32/12968_2.png) [@aminokiselina](https://discourse.joplinapp.org/u/aminokiselina)\
**Post date:** [4 March 2022 21:38 UTC](https://discourse.joplinapp.org/t/note-editor-appearance/24135/8 "2022-03-04T21:38:18Z")

</div>

Yes, I am using the dark theme. I think I give up.

---

<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:** [4 March 2022 23:17 UTC](https://discourse.joplinapp.org/t/note-editor-appearance/24135/9 "2022-03-04T23:17:04Z")

</div>

The **userchrome.css** css above should change colours and some styling, however setting the editor to use a monospace font again is done using **Appearance** in the settings menu. Just enter the name of a monospace font installed on your system.

![font-options](https://canada1.discourse-cdn.com/flex028/uploads/cozic/original/2X/3/30a37e63dceeed47969c48691476f236231556f1.png)

---

<div class="post-metadata">

**Author:** ![aminokiselina](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/aminokiselina/32/12968_2.png) [@aminokiselina](https://discourse.joplinapp.org/u/aminokiselina)\
**Post date:** [5 March 2022 08:22 UTC](https://discourse.joplinapp.org/t/note-editor-appearance/24135/10 "2022-03-05T08:22:16Z")

</div>

Thank you for the reply! I've already done that and consider it a good enough compromise.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex028/uploads/cozic/original/3X/1/c/1c948e33314e232a0927789508474d8624f4270b.png) [@system](https://discourse.joplinapp.org/u/system)\
**Post date:** [4 April 2022 08:22 UTC](https://discourse.joplinapp.org/t/note-editor-appearance/24135/11 "2022-04-04T08:22:37Z")

</div>

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