Notes are still white

[happyTonakai]

Firstly I want to say thank you for the greate work!

I found that when I add a note for an item, it is still in white color. Could you fix it? Thanks!

I'm using Zotero 5.0.96.3 and the css theme file is also up to date.

[martinholub]

I am trying to find a way to fix this but no success so far. If anyone knows which #tag to change, please let us know

[zazench]

Hi everyone. I was looking for a solution to this and stumbled upon this Zotero forum topic where user fbcx posted a css snippet to make the note editor more beautiful, and added in a comment how to change the background color. Full credit for the original snippet goes to user fbcx.

Here's the gist of it:

1. open Zotero
2. go to Preferences → Advanced → Config Editor
3. I accept the risks!
4. search extensions.zotero.note.css and double-click it
5. Insert the following string, an edited version of the one cited above
6. click 'OK'

body {
color: white;
max-width: 35em;
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
background-color: #474749;
}

h1 {
color: white;
font-size: 1.6em;
padding-bottom: none;
}

h2 {
color: white;
font-size: 1.4em;
font-weight: bold;
padding-bottom: none;
border-bottom: none;
}

h3 {
color: white;
font-size: 1.2em;
}

p {
text-indent: 1.75em;
}

ul,
ol {
padding-left: 1.75em;
}

blockquote {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding-left: 1.55em;
border-left: 3px solid darkgrey;
color: white (255, 248, 248);
}
blockquote p {
text-indent: 0;
}

8. Close and restart Zotero

Notice that:

• color for both body and headers text is set to white
• background-color is set to #474749, which is the shade chosen by Rosmaninho for this dark theme
• the color of the line for blockquotes is set to solid darkgrey to distinguish it from the background You may change these parameters by setting a different color in the above .css snippet.

I hope this helps!

[Rosmaninho]

I'll check if it's possible to add this to the userChrome.css when I get the time to test it. Otherwise the suggestion given by zazench will have to do.

[zazench]

Sure, and thanks for your work. I use all software with dark themes and it was a pain to switch to Zotero and get blinded every single time. Cheers!

‐‐‐‐‐‐‐ Original Message ‐‐‐‐‐‐‐ Il martedì 23 novembre 2021 4:46 PM, Rosmaninho @.***> ha scritto:

I'll add this to Main when I get the time to test it.

— You are receiving this because you commented. Reply to this email directly, view it on GitHub, or unsubscribe. Triage notifications on the go with GitHub Mobile for iOS or Android.

[Rosmaninho]

It's great to have my people tinkering with this and contributing. That was my objective all along. :)

[sddpszz]

Thanks for your solution, but the beta version (5.0.97-beta.57) of notes is still white, any suggestions?

[Rosmaninho]

I tried to add the modifications mentioned above to the userChrome.css file but it produces no effects. You need to follow the instruction of Zazench which are independent of the css file.

[sddpszz]

I tried to add the modifications mentioned above to the userChrome.css file but it produces no effects. You need to follow the instruction of Zazench which are independent of the css file.

Yes, I've tried Zazench‘s solution, but it still doesn't work, and I see that the new note editor is mentioned on this site: Available in Preview

[Rosmaninho]

If it's on the Beta version it's a bit harder to make it work... As the name says, it's still in development so css modifications might break. There might even be the chance that the note editor is not themable. Can you open an issue on Zotero's Github asking them if it's possible to theme it and if they could point out how to do it? I don't want to bother them, because they seem to have a lot on their plate, but you might feel that this is worth it.

[10cks]

Hi everyone. I was looking for a solution to this and stumbled upon this Zotero forum topic where user fbcx posted a css snippet to make the note editor more beautiful, and added in a comment how to change the background color. Full credit for the original snippet goes to user fbcx.

Here's the gist of it:

1. open Zotero
2. go to Preferences → Advanced → Config Editor
3. I accept the risks!
4. search extensions.zotero.note.css and double-click it
5. Insert the following string, an edited version of the one cited above
6. click 'OK'

body {
color: white;
max-width: 35em;
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
background-color: #474749;
}

h1 {
color: white;
font-size: 1.6em;
padding-bottom: none;
}

h2 {
color: white;
font-size: 1.4em;
font-weight: bold;
padding-bottom: none;
border-bottom: none;
}

h3 {
color: white;
font-size: 1.2em;
}

p {
text-indent: 1.75em;
}

ul,
ol {
padding-left: 1.75em;
}

blockquote {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding-left: 1.55em;
border-left: 3px solid darkgrey;
color: white (255, 248, 248);
}
blockquote p {
text-indent: 0;
}

8. Close and restart Zotero

Notice that:

• color for both body and headers text is set to white
• background-color is set to #474749, which is the shade chosen by Rosmaninho for this dark theme
• the color of the line for blockquotes is set to solid darkgrey to distinguish it from the background You may change these parameters by setting a different color in the above .css snippet.

I hope this helps!

thanks for your help.It works.

[Rosmaninho]

I will add another section with your information for anyone who wants to theme the Note editor.

[FeralFlora]

@zazench's solution should work for Zotero 6 now.

[martinholub]

@zazench's solution should work for Zotero 6 now.

It does not for me (Windows 10). The black theme otherwise works fine,