Skip to content

Conversation

@PsychedelicPalimpsest
Copy link

@PsychedelicPalimpsest PsychedelicPalimpsest commented Aug 6, 2025

Added an optional feature to add transparency to the background color. (As requested in #14199, #13017, and a few others)

Still has some kinks to work out (Most sites look awful), and transparency (To my knowledge) only seems to be supported in the Zen browser. Because of that, I hid the feature behind an "Enable background transparency" setting in the advanced options. As of now, it is functional, however has some graphical issue.

To enable transparency in the zen browser, you need to set the following in your about:config:

  • browser.tabs.allow_transparent_browser = true
  • On windows set browser.tabs.allow_transparent_browser, widget.transparent-windows and widget.windows.mica to true
  • On linux set browser.tabs.allow_transparent_browser and zen.widget.linux.transparency to true. (If you are on arch like myself, you also will need a compositor)

I opened this PR to gather feedback, what do you all think of this, does this deserve up in the upstream package or should I keep it as a fork?

Ps: This is my first time writing typescript, or code for a browser extension, so feedback is greatly appreciated!
Pps: This image below also has some userChrome.css modifications and the Transparent Zen mod.
gscreenshot_2025-08-06-162226

@PsychedelicPalimpsest
Copy link
Author

Now it is in a usable state
gscreenshot_2025-08-07-142850

@Myshor
Copy link
Collaborator

Myshor commented Aug 10, 2025

First of all... If you add new variable into localization it should be added into all languages as it can break the functionality of Dark Reader when used with other language than English.

The rest I can not comment as I am not that much involved in other places of Dark Reader's code.
This must be reviewed by @alexanderby

@alexanderby
Copy link
Member

Let me think what's the best way to implement in.

@PsychedelicPalimpsest
Copy link
Author

If you add new variable into localization it should be added into all languages as it can break the functionality of Dark Reader when used with other language than English.

I added some placeholder text so it won't break in other languages, but definitely do need somebody else to do the actual translation (Unless you want me to use ai or something)

@PsychedelicPalimpsest
Copy link
Author

Currently my biggest issue is some sites just seem to ignore the transparency. I suspect that the issue is sites setting their own theme.

But other than that, I feel this is functional.

@PsychedelicPalimpsest PsychedelicPalimpsest marked this pull request as ready for review August 13, 2025 19:01
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants