Root text with translation in dark theme

Hi, I wanted to suggest an improvement with text colors.
In dark theme the text color for the translation (–sc-on-primary-primary-text-color) and the text color for the root text (–sc-on-primary-secondary-text-color) are too similar and it is very difficult to read a text like the one below

Every time I open a sutta, I have to access the developer tool to change the colors as below

So I’ve change these three as follow

  1. –sc-primary-background-color: #333333;
  2. –sc-on-primary-primary-text-color: #ffffff;
  3. –sc-on-primary-secondary-text-color: #aaaaaa;

It is a little change but it makes all the difference

I hope this post will be taken into consideration and the colors changed, also because I’m not the only one reporting issues with dark theme

Thankyou

3 Likes

Hi rubentic,

Welcome to the D&D forum! We hope you enjoy the various resources, FAQs, and previous threads. You can use the search function for topics and keywords you are interested in. Forum guidelines are here: Forum Guidelines. May some of these resources be of assistance along the path.

If you have any questions or need further clarification regarding anything, feel free to contact the moderators by including @moderators in your post or a PM.

Regards,
Alex (on behalf of the moderators)

Hi rubentic. :slight_smile:

I believe there’s an option to change how the website theme looks with this (un)official plugin from our contributors. I have never used that functionality so I’m afraid I don’t know how to guide you in that direction. But you should be able to set it once and forget about it. :slight_smile:

Dark themes are very difficult! People have a wide variety of needs and opinions so it is hard to create a single one that makes everyone happy. For example, some people prefer to have the Pali more emphasized than the translation.

If the only thing you need to change is the text color, then you should use a browser plugin like Stylus. It allows you to create custom css for specific sites. This will prevent you from having to go into the dev tools each time.

But Dogen is correct, the browser extension he linked to above is another option.

There is a setting specificly for text color:

Less flexible, but you don’t need to know any css.

There is also a general section where you can put any css at all:

There are also pre-built themes that might do what you want. For example, the Addharatta theme is ultra black. (Note: These extreme themes have some glitches that I hope to fix soon. Specifically on the search result page.)

3 Likes

thankyou very much I solved my problem (I used stylus)

2 Likes

Watch out! Once you start using the magic powers of Stylus it’s hard to stop. :nerd_face:

Happy sutta reading!

1 Like