Skip to content

Commit 7b77487

Browse files
authored
Update README.md
1 parent 6e3e02d commit 7b77487

File tree

1 file changed

+16
-76
lines changed

1 file changed

+16
-76
lines changed

README.md

Lines changed: 16 additions & 76 deletions
Original file line numberDiff line numberDiff line change
@@ -2,98 +2,38 @@
22

33
Transparent Zen is a browser extension specifically designed for Zen Browser. This extension injects styles into supported websites to make them transparent, providing a new experience.
44

5-
<a href="https://addons.mozilla.org/en-US/firefox/addon/transparent-zen/">
5+
<a href="https://addons.mozilla.org/en-US/firefox/addon/zen-internet/">
66
<img alt="Firefox Add-Ons" src="https://blog.mozilla.org/addons/files/2015/11/get-the-addon.png" height="40">
77
</a>
88

9-
## Table of Contents
10-
11-
- [Transparent Zen](#transparent-zen)
12-
- [Supported Websites](#supported-websites)
13-
- [Prerequisites](#prerequisites)
14-
- [Windows 11](#windows-11)
15-
- [Installation](#installation)
16-
- [Dark Reader](#dark-reader)
17-
- [Usage](#usage)
18-
- [Customization](#customization)
19-
- [Contributing](#contributing)
20-
- [License](#license)
21-
229
## Supported Websites
23-
🔴 = Not working / Broken
24-
<br>
25-
🟠 = Work in Progress
26-
<br>
27-
🟢 = Working
28-
29-
The following websites are currently supported by Transparent Zen:
30-
31-
- 🟢 ddl-warez.cc
32-
- 🟢 mail.proton.me
33-
- 🟢 reddit.com
34-
- 🟢 store.steamworks.com
35-
- 🟢 steamcommunity.com
36-
- 🟢 wuwatracker.com
37-
- 🟢 youtube.com
38-
- 🟢 wikipedia.org
39-
- 🟢 chatgpt.com
40-
- 🟢 copilot.microsoft.com
41-
- 🟢 chess.com
42-
- 🟢 github.com
43-
- 🟢 bing.com
44-
- 🟢 kryptex.com
45-
- 🟢 leetcode.com
46-
- 🟢 programiz.com (only for their dark theme)
47-
- 🟢 nexusmods.com
48-
- 🟢 duckduckgo.com
49-
- 🟢 epicgames.com
50-
- 🟢 google.com
51-
- 🟠 amazon.de
52-
- 🟠 lieferando.at
53-
- 🔴 gog.com
54-
- 🔴 kinguin.net
10+
Checkout the [repository](https://github.com/sameerasw/my-internet) for website css styling which are used in this addon.
5511

5612
#### To Do
57-
- [ ] outlook.live.com
58-
- [ ] notebooklm.google.com
59-
- [ ] web.whatsapp.com
60-
- [ ] Plex Media Server (usually 127.0.0.1:32400)
61-
- [ ] linkedin.com
62-
- [x] ~~google.com~~
63-
- [ ] instagram.com
64-
- [ ] x.com
65-
- [ ] threads.net
66-
- [ ] monkeytype.com
13+
- [ ] Feature specific toggles for each website
14+
- [ ] Custom css by user
6715

6816
## Prerequisites
69-
#### Windows 11
70-
1. Install [MicaForEveryone](https://github.com/MicaForEveryone/MicaForEveryone)
71-
2. In MicaForEveryone add a new process rule and select "zen"
72-
3. Activate **Blur Behind** and set the Backdrop Type to **Acrylic**
73-
4. Open Zen Browser and go to `about:config`
74-
5. Make sure that `browser.tabs.allow_transparent_browser`, `widget.transparent-windows` and `widget.windows.mica` are all set to **true**
75-
76-
##### TODO: Add other OS prerequisites
17+
#### Transparent Zen
18+
- [Guide](https://sameerasw.notion.site/Zen-Transparency-1939c6099d4080468f02cf05ae50e827?pvs=4)
7719

7820
## Installation
7921

80-
To install Transparent Zen, you can either download it from the [Firefox Add-Ons Store](https://addons.mozilla.org/en-US/firefox/addon/transparent-zen) or grab the latest release from github and manually install it through the Zen Browser settings.
81-
82-
#### Dark Reader
83-
If you are using Dark Reader, ensure that it is disabled for the websites you want to view as transparent.
22+
To install the addon, you can either download it from the [Firefox Add-Ons Store](https://addons.mozilla.org/en-US/firefox/addon/zen-internet) or grab the latest release from github and manually install it through the Zen Browser settings.
8423

8524
## Usage
8625

87-
Once installed, Transparent Zen will automatically apply transparent styles to the supported websites listed above. No further configuration is required.
26+
Once installed, Open the addon dialog, enable theming and click the refetch latest styles button to load the latest stylesheets from the repository
27+
28+
<img width="334" alt="CleanShot 2025-02-25 at 11  19 49@2x" src="https://github.com/user-attachments/assets/573519aa-10de-4606-8c9f-30a21661bcf4" />
29+
30+
Then reload the page and enjoy :D
31+
You can disable website specific theming from the pop-up.
8832

89-
#### Customization
90-
I highly recommend darkening the browser theme slightly by right-clicking the Zen Browser Toolbar and selecting **Change Theme Colors**. I'm personally using the hex code **#00000066** which darkens the browser background slightly while maintaining readability. But of course, feel free to play around to find the best color to your liking!
33+
<img width="367" alt="CleanShot 2025-02-25 at 11  20 55@2x" src="https://github.com/user-attachments/assets/05645e1e-e83a-4f54-8895-6ea1744e9711" />
9134

92-
## Contributing
9335

94-
The main idea behind this project is for the community to contribute and add styles for their favorite websites, so that everyone can enjoy a fully transparent experience.
95-
<br>
96-
If you would like to contribute to Transparent Zen, please follow these steps:
36+
If you would like to contribute to the addon, please follow these steps:
9737

9838
1. Fork the repository.
9939
2. Create a new branch for your feature or bug fix.
@@ -104,4 +44,4 @@ If you would like to contribute to Transparent Zen, please follow these steps:
10444

10545
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for more details.
10646

107-
Enjoy your transparent browsing experience with Transparent Zen!
47+
Enjoy :D Huge thanks to the [Transparent Zen ](https://github.com/frostybiscuit/transparent-zen) for the addon base and the inspiration <3

0 commit comments

Comments
 (0)