Windows 10 reached EOS (end of support) on October 14, 2025. If you are on Windows 10, see this article.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More
Open

How to set content as light/dark mode in a custom theme?

Thunderbird Themes
Soleil replied
Soleil
Soleil

I'm currently making a custom theme for Thunderbird for my own personal use. I've gotten pretty much everything how I want it to look – except the main content. I prefer light mode for accessibility, and currently it's stuck in dark mode everywhere (my settings menu, calendar, mailbox, etc).

The first image is how it currently looks, and the second is how I want it to look (the black boxes are there to block sensitive info). What would I need to add/edit in my manifest.json and/or style.css to get there?

I'm currently making a custom theme for Thunderbird for my own personal use. I've gotten pretty much everything how I want it to look – except the main content. I prefer light mode for accessibility, and currently it's stuck in dark mode everywhere (my settings menu, calendar, mailbox, etc). The first image is how it currently looks, and the second is how I want it to look (the black boxes are there to block sensitive info). What would I need to add/edit in my manifest.json and/or style.css to get there?
Attached screenshots

All Replies (1)

Soleil
Soleil Úinéir na ceiste

One part solved! I was able to change to light mode content by changing the :root[wltheme] variables in my stylesheet. See below. I would still like to change the color of the selected message to a light green highlight like in my mock-up (2nd image on the original post). I appreciate any advice. Thanks!

Athraithe ag Soleil ar

Cuir ceist

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.