Why is the default text colour of my Joplin grey? How do I change it?

Support
1

joplin2
Hi folks. When I was trying to type something on Jopin, the colour of the text I typed is in grey as shown below in the image. I understand that I can modify this using Markdown. However, I would like to know if there is a way to permanently change the default text colour. Thank you in advance!
joplin

2

Hi, yes, you can change the color permanently on Desktop by editing the CSS.

You can change this from Settings > Appearance > Advanced > Custom Stylesheet for Rendered Markdown.

Change the color by adding:

body{
color: #000 // your color choice
}

Since it is standard css, you can also target things like p or h1.

To learn what styles are available you can use these instructions: Dev tools instructions

If you really want to customize, join us here: Share your CSS :slight_smile:

2 Likes
3

@leozianliu

I use the light theme and find that the default text colour is just a bit too grey for me. Changing the body element colour value changes most of the rendered note text but some text is controlled by other elements.

Adding any or all of the below, if you wish, will set a lot more text in your notes to black (#000000).

body {
    color: #000000;
   /* sets body text font colour */
    }
table th, table td {
    color: #000000;
   /* sets table cell (td) and header (th) font colour */
    }
caption {
    color: #000000;
   /* sets the colour of the table [caption] - requires multimarkdown table extension plugin*/
   }
blockquote {
    border-left: 4px solid #000000;
   /* sets the colour of the blockquote (>) border */
    opacity: 1;
   /* darkens the blockquote (>) text from the default of 0.7 */
    }
code {
    color: #000000;
   /* sets code font colour - fenced code, inline code and <pre> (tab / 4 space indent) */
   }
1 Like