josmarcristello / Zotero-Material-Dark-Theme

userChrome.css file for a Zotero dark theme. Suggestions for improvements are welcome.

Material Dark Theme for Zotero

Introduction

userChrome.css file for a Zotero material dark theme. Fork of Rosmaninho's Theme, but following Google Material Design's Guidelines.

Tested on Zotero versions 5-7. Tested on Windows 11, 10, and 7. Installation can be automatic or manual.

Works on Zotero Beta 7 version too, but read until the end for additional instructions.

Installation

Automatic (Windows-only)

1. Run the file install.bat
2. Re-open Zotero

Manual

1. Go to your user Profile folder
   • Windows users: C:\Users\User_name\AppData\Roaming\Zotero\Zotero\Profiles\user_profile.default\
   • Linux (Flatpak) users: ~/.zotero/zotero/XXXXXXXX.default/
2. Create a chrome folder
3. Place the userChrome.css file in there
4. Start Zotero and enjoy

Main Changes from Original Repo

• Automatic installation alternative, for those that need to deploy it on multiple computers.
• Using darker colors #121212 instead of #323234. Similar change for other dark colors.
• Using pure white with opacity for a gentler contrast
• Fixes issues original code had with CSS validator

Zotero Beta 7 users read

You need to set the proper flag for this (and any other) theme to work:

• Go to Edit → Settings
• Click on Advanced
• Scroll down, find and click on "Config Editor".
• search for the flag "toolkit.legacyUserProfileCustomizations.stylesheets" and set it to True.
• Restart Zotero