Is there a dark mode for Web?

Using Gramps Web in docker, here’s system info:

Gramps 6.0.1
Gramps Web API 3.1.0
Gramps Web Frontend 25.5.2
Gramps QL 0.4.0
Sifts 1.0.0
locale: en
multi-tree: false
task queue: true
OCR: true
chat: false

I keep seeing stuff mentioning addons for themes/dark mode but that seems to be for Gramps Desktop. Is there anyway to get dark mode in Gramps Web? I tried using Darkreader but it seems to mess up UI elements a lot so I disabled it for Gramps Web, but it’s just too bright for using at night.

Feature request here

Currently there is a transition from material web v2.x to v3 (Modernize web components · Issue #541 · gramps-project/gramps-web · GitHub). Until this is done, it’s a bit too messy to start this because there are different CSS classes for the two sets of components.

Personally, I haven’t been converted to the dark side (yet?), so I’m not likely to do this, but I’m sure there are some Sith Lords in the user base who can take this on.

2 Likes

As suggested for Gramps for desktops, please consider 3 cascading layers of CSS: a base CSS layer for Gramps GUI specific elements, a standard Theme selection, and a user‐customizable overlay CSS.