# Theme Customization

**URL:** <https://discourse.joplinapp.org/t/theme-customization/13752>\
**Category:** Features\
**Created:** [9 January 2021 20:26 UTC](https://discourse.joplinapp.org/t/theme-customization/13752 "2021-01-09T20:26:16Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![pseudolemon](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/pseudolemon/32/6515_2.png) [@pseudolemon](https://discourse.joplinapp.org/u/pseudolemon)\
**Post date:** [9 January 2021 20:26 UTC](https://discourse.joplinapp.org/t/theme-customization/13752/1 "2021-01-09T20:26:16Z")

</div>

Hi again, my other suggestion for Joplin is Themes. Is there a way to customize them myself with a bit of elbow grease? It would be a real kicker if Joplin had, in the appearance tab, a button to customize the main colors of a theme.  
(My biggest problem with the current themes is the lack of a light grey option, and the fact that most dark modes make bolding look much less noticeable).

---

<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:** [9 January 2021 20:31 UTC](https://discourse.joplinapp.org/t/theme-customization/13752/2 "2021-01-09T20:31:28Z")

</div>

If you are handy with a bit of [css](https://github.com/laurent22/joplin#custom-css) then there are quite a few things you can do with the application to alter the appearance. If you search for "userchrome" in discourse you might find a few examples on how to modify it further. It isn't the most user friendly option but you can do quite a few things with it.

---

<div class="post-metadata">

**Author:** ![CalebJohn](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/calebjohn/32/356_2.png) [@CalebJohn](https://discourse.joplinapp.org/u/CalebJohn)\
**Post date:** [9 January 2021 20:36 UTC](https://discourse.joplinapp.org/t/theme-customization/13752/3 "2021-01-09T20:36:02Z")

</div>

There is also a wiki on the forum that has some useful customizations

> [@Joplin Customization](https://discourse.joplinapp.org/t/joplin-customization/11195):
>
> This page is a collection of CSS tweaks to customize Joplin (e.g. editor, rendering, ...) To discover CSS classes and types [refer to this comment](https://discourse.joplinapp.org/t/custom-stylesheets/384/36)Plain editor (no color, no font changes) userchrome.css Joplin version tested on: 1.1.4 div.CodeMirror-lines \* { font-size: inherit !important; color: black !important; font-weight: normal !important; text-decoration: none !important; } Example /ref dpoulton [comment](https://discourse.joplinapp.org/t/monospace-editor-font-size-is-no-longer-consistent/11174/6)Dark Theme Mermaid Flowchart (Flowchart only) usersty…

---

<div class="post-metadata">

**Author:** ![pseudolemon](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/pseudolemon/32/6515_2.png) [@pseudolemon](https://discourse.joplinapp.org/u/pseudolemon)\
**Post date:** [9 January 2021 20:41 UTC](https://discourse.joplinapp.org/t/theme-customization/13752/4 "2021-01-09T20:41:12Z")

</div>

Thank you for the tips. I did some very mild CSS ages ago and programmed some python in a basic course, so I'll give it a go.

---

<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:** [10 March 2021 20:41 UTC](https://discourse.joplinapp.org/t/theme-customization/13752/5 "2021-03-10T20:41:13Z")

</div>

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