I’ve been working on a dark theme for MB for some time, hoping to cut down the eye strain caused by the stark white standard site. Naturally, it’s not as simple as just changing the overall background color. I had tried the other two dark themes that Stylus has for MusicBrainz, but found too many areas where foreground/background colors were too similar, resulting in hard-to-read text.
The style was developed specifically for MusicBrainz, but when I found that it worked for most MetaBrainz project sites, I put a little more time into those sites as well. Stylus users who want to try it out can find it here:
My theme doesn’t differentiate these fields (which I learned after spending 30 minutes wondering why it said I had an error but couldn’t tell which field it was), and I have been unable to determine the CSS selector that will allow me to do so.
If anyone can figure that out and let me know, I would appreciate it.
I think I can help you there as I have also written my own dark theme for MusicBrainz (after I had seen your post here), which I have been using and tweaking for a while now. So I am happy to give you something back (for inspiring me to explore the world of userstyles) before I am finally satisfied enough to publish a “finished” version of my own theme soon
I was able to darken all of the text input fields, except for those with special highlighting, using the following selector:
It also deals with some other special cases but the important part is the input[type=text]:not(.lookup-performed) selector.
Thanks for bringing this up. Hopefully, by the end of 2022, all the MetaBrainz websites will support a Light and Dark theme. I am actively working on this and we have figured this stuff out relatively. All it will take now is the time to get them to production