# Joplin 2.7: Bold text not green anymore

**URL:** <https://discourse.joplinapp.org/t/joplin-2-7-bold-text-not-green-anymore/23995>\
**Category:** Features\
**Created:** [25 February 2022 08:50 UTC](https://discourse.joplinapp.org/t/joplin-2-7-bold-text-not-green-anymore/23995 "2022-02-25T08:50:19Z")\
**Posts on this page:** 1\
**Showing post:** 2

<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:** [25 February 2022 09:12 UTC](https://discourse.joplinapp.org/t/joplin-2-7-bold-text-not-green-anymore/23995/2 "2022-02-25T09:12:48Z")

</div>

There was an update quite a long time ago now to remove the default codemirror syntax highlighting to make the styling more consistent.  
You can add styling back using css.

> [@Introduction to customising Joplin (userchrome.css & userstyle.css)](https://discourse.joplinapp.org/t/introduction-to-customising-joplin-userchrome-css-userstyle-css/21370/):
>
> Joplin has several internal stylesheets that control what Joplin looks like to the user. However two have been provided that allow the user to customise the app. Joplin uses its built-in styles but these two files can be used to override those styles. These files are just like the Cascading Style Sheets (CSS) used when creating web-sites. The files are called userchrome.css and userstyle.css. userchrome.css allows styling of the app itself, including the Markdown Editor, userstyle.css allows s…

### Default light theme:

> [@Joplin Customization](https://discourse.joplinapp.org/t/joplin-customization/11195#restore-codemirror-light-theme-prior-to-v22-7):
>
> 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…

### Default dark theme:

> [@Dark theme syntax highlighting](https://discourse.joplinapp.org/t/dark-theme-syntax-highlighting/21049/4):
>
> Try the following. There might be some incorrect stuff but this is what I got for a 5 min comparison from the old dark theme. div.CodeMirror.cm-s-material-darker span.cm-header {color: #dddddd;} 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.CodeMirr…

---

_[View the full topic](https://discourse.joplinapp.org/t/joplin-2-7-bold-text-not-green-anymore/23995)._