Can not change text color in notes by editing extensions.zotero.note.css

I am using 6.0.19-beta.12+0862e1e1b on Windows 10.

I followed this discussion (https://forums.zotero.org/discussion/comment/417558) to change display color of note editor to a dark theme by modifying "extensions.zotero.note.css".

When I set text color as white, it didn't work on normal text and heads. Only the monospaced text, dots in front of bulleted list and numbers in front of numbered list were changed to white.

Another discussion (https://forums.zotero.org/discussion/comment/425192) has suggested that copying a colored text from word can be a solution. But It is far from convenient. Is there a way to set default text color elegantly?

Here I will show what I wrote into "extensions.zotero.note.css"

body{
color: white;
backgroud-color: #323234;
}
  • Text elements (headings and paragraphs) need to have their colors set separately from the body. The code below should do what you're after:

    body {background: black;} h1,h2,h3,p {color: white !important;} pre {background: dimgray !important; color: white;} li {color: white !important;}

    ("Pre" is the element that the Zotero editor calls "Monospaced" – you need to set the text color separately, and if you don't set a background color, it just stays white. You also need to set li to white if you want bullets and numbers to be white – the text in a list item is controlled by the p element, but the markers are determined by the li color.)
Sign In or Register to comment.