slim sinew
https://addons.mozilla.org/en-US/firefox/addon/transparent-zen/
It is still in a very early state, but the purpose is to make it as easy as possible for everyone to get transparency on their websites when using Zen Browser. I would love to get some opinions!
silk frost
while i currently dont use anything that has to do with transparency yet. have u considered merging power forces with some people in herer that have been working on this? as ex. #1335963848087306333 #1335978939419725945 etc.
slim sinew
while i currently dont use anything that has to do with transparency yet. have u...
I'm definitely open to something like that! My project is open source and free for everyone to contribute!
I planned on actually looking for something like what you mentioned after I finished my initial plans with the extension, but for now there is plenty of stuff to do and to improve with the little amount of free time that I have.
slim sinew
it doesnt work everytime and is alittle bit buggy tho
Yup, like I mentioned - very early state.
Worth mentioning tho, it doesn't work too well together with dark reader yet, so you'd have to add exceptions for the pages where you want the transparency to work!
Also, feel free to give me details on what's buggy, so I can fix those things!
terse moat
linux?
mellow axle
@slim sinew This is one of the best way to access transparency without much hassle!
So by when do you expect to release support for other popular sites like Google, X, Quora, Threads, Instagram, etc?
I have two profiles with one setup for transparency for every site I visit with https://discord.com/channels/1088172780480114748/1335963848087306333 . I plan to setup the other profile with your extension.
fathom coral
linux?
There isn't anything OS-specific here. It just makes pages background transparent. And either your OS (and browser) compositor support transparency or it doesn't.
prisma tundra
Not working for me ;// using macos on clear profile
prisma tundra
There isn't anything OS-specific here. It just makes pages background transparen...
i guess there is
fathom coral
i guess there is
Maybe only in Mac, cause there is even specific context menu for Mac in Firefox. But extensions should work the same regardless, strange
terse moat
There isn't anything OS-specific here. It just makes pages background transparen...
hyprland?
terse moat
im not asking you
fathom coral
Then don't ping me?
@slim sinew is code for extension public, or just styles for now?
There is 'popup' folder but I don't think there lies logic for inserting stylesheets.
slim sinew
<@358933783027777536> This is one of the best way to access transparency without...
Glad to hear!
I already have quite the list of websites I wanna support. The ones you mentioned are already on it and I'm also adding Quora now!
It will probably take a bit until I've got everything supported since I just started this project a week ago.
slim sinew
<@358933783027777536> is code for extension public, or just styles for now?
Ther...
Yup, the whole thing is Open Source, except all the mozilla publishing stuff of course. So far the extension popup has little to no priority since I first want to add support for as many websites as possible, but at some point I want to add some settings like toggling specific websites, injecting additional styles and so on.
slim sinew
Not working for me ;// using macos on clear profile
Do you maybe have other extensions like dark reader installed?
fathom coral
But I mean core extension code, like injecting into websites etc. would be good to be public from security perspective
slim sinew
But I mean core extension code, like injecting into websites etc. would be good ...
That's also what I meant. Feel free to have a look -> https://github.com/frostybiscuit/transparent-zen
fathom coral
Yes, I'm looking, just can't find specific code that injects stylesheets? All I have found is popup.js which from the looks of it handles only popup logic. But I'm not well versed in WebExt
slim sinew
For now I'm using the manifest.json to check for the domain and insert it at the first possible moment of the page load. Since this isn't customizable, I'll have to take a different approach in the future to also check for user settings.
fathom coral
Oh, I see, didn't know extension worked like that, though you had to setup background workers
slim sinew
You can, but through the manifest.json you can just inject JS and CSS files with a domain check, which is pretty straight forward and works well as an initial approach.
slim sinew
<@358933783027777536> This is one of the best way to access transparency without...
FYI, I still had an old prototype for google laying around and decided to wrap it up. It is kind of experimental still, since google is obfuscating their selectors and making it pretty annoying to style stuff, so it could break at some point.
The new version is available by updating the add-on through the add-ons manager in the Zen settings or by grabbing the latest release on GitHub
mellow axle
FYI, I still had an old prototype for google laying around and decided to wrap i...
Thanks a lot, bro!
slim sinew
Thanks a lot, bro!
Glad you like it and I really hope it works well lmao
mellow axle
Glad you like it and I really hope it works well lmao
It definitely works great, but Idk if it's a browser problem or what but sometimes I've to reload in order to make transparency effects work...
Like when I open it for the first time, it's opaque.
I reload and it works.
slim sinew
It definitely works great, but Idk if it's a browser problem or what but sometim...
Yup, I've had the same issue happening with YouTube, tho I assume this is due to "Enhancer for YouTube" on my side.
Did you have this happen on other sites as well?
mellow axle
Yup, I've had the same issue happening with YouTube, tho I assume this is due to...
Yes, on Reddit specifically despite having no other factor influecing it.
drifting condor
I'm loving this so much thank you!!! (Is there any chance we could get a transparent brave search too 🥺)
slim sinew
Yes, on Reddit specifically despite having no other factor influecing it.
On reddit, huh.. Can't say I ever encountered that issue there, but it could happen due to so many different factors. I can try to test around and see what could cause it.
Do you maybe have some steps for me to reproduce it, e.g. that you open reddit through a desktop shortcut or from a bookmark, through an extension, or anything like that.
Also maybe which OS you are using, could also be a factor.
mellow axle
On reddit, huh.. Can't say I ever encountered that issue there, but it could hap...
Windows 11 24H2
slim sinew
I'm loving this so much thank you!!! (Is there any chance we could get a transpa...
Glad to hear!
I can add brave search to my list of sites to do, sure. Tho I can't promise that I'll get to it anytime soon, but I'll try.
slim sinew
Windows 11 24H2
Hmm.. so how do you open reddit when this happens? Through the URL bar? New tab page? Bookmark?
Does it happen every time after you close and open the browser?
mellow axle
Hmm.. so how do you open reddit when this happens? Through the URL bar? New tab ...
I open it via Pinned Tabs. It happens almost everytime I open it.
slim sinew
I open it via Pinned Tabs. It happens almost everytime I open it.
Pretty weird.. no matter how much I try, I cannot reproduce this on my end. I'll keep trying, maybe I'll find the issue at some point.
glass musk
Thanks a lot, bro!
how did you get yours like this? the transparency for me is just kind of a hazy gray that you can kinda see through
glass musk
yeah this works fine on 1.7.6, but after updating to 1.8 or later, it breaks
it's still somewhat transparent, but not the way it was before
looks like this after 1.8
this isn't a screenshot with the extension installed, but it has this same look
hazy gray, but still somewhat transparent
mellow axle
how did you get yours like this? the transparency for me is just kind of a hazy ...
Use the extension called Transparent Zen and turn off other CSS you've got.
glass musk
Use the extension called Transparent Zen and turn off other CSS you've got.
Well yes, that's what this thread is for. The extension. It works fine before 1.8, but after it looks like the screenshot i sent. Even on a completely fresh profile with literally nothing on it.
mellow axle
Well yes, that's what this thread is for. The extension. It works fine before 1....
use a different gradient.
glass musk
I did. Tried with no gradient, with several different ones, no matter what i tried, it didn't look like yours unless i was still on zen 1.7.6
native lion
hi @slim sinew , I'd like to contribute to your transparent repo but I can't get it to work manually without the extension so I can check my changes
fathom coral
just place your css in userContent.css to test things out, you can add a domain condition to filter css by site basis
something along lines
@-moz-document url-prefix(google.com) {
...
}```
weak gyro
did you find a fix? im having the same issue
weak gyro
looks like this after 1.8
?
fathom coral
On Windows they changed something with Mica transparency
You can try changing zen.widget.windows.acrylic, don't know about others
There's also widget.windows.mica but idk about that one
weak gyro
i use linux
native lion
just place your css in userContent.css to test things out, you can add a domain ...
tried that but didn't work
native lion
got it working now
slim sinew
Sorry guys, I've had a pretty busy day today and had no time to check for messages here.
I did fix this transparent white layer behind the websites yesterday by removing it from the browser styles through the userChrome.css. I can grab the styles tomorrow and share them with you!
slim sinew
hi <@358933783027777536> , I'd like to contribute to your transparent repo but I...
Yeah, I still need to write a proper guide on how to work with the extension locally. For now ideally use the userChrome.css, dev tools or an extension like Stylus to play around with your styles, but I definitely want to make this easier in the future.
leaden elk
looks like this after 1.8
It may be due to after 1.8b the backdrop-filter: blur(5px); for #toolbox is deleted.
slim sinew
looks like this after 1.8
I highly assume that this will be removed with an future update, but until then you can add this to you userChrome.css
& #tabbrowser-tabbox #tabbrowser-tabpanels .browserSidebarContainer {
& browser[transparent="true"] {
background: none !important;
}
}
}```OH MY GOD YOU ARE A FUCKING GODSEND
do you mind if i send this in the custom themes server for one of the larger CSS mods to implement???
bc this fixes my issue even without your extension
weak gyro
I highly assume that this will be removed with an future update, but until then ...
thank you !!!!
slim sinew
do you mind if i send this in the custom themes server for one of the larger CSS...
Sure thing!
glass musk
Sure thing!
digging this thread up again bc i have a question lmao. i just added your mod, and it finally works for me without needing more custom CSS, but i have one question. how can i set a custom gradient with your mod installed? because it doesn't allow one when i enable the mod, it just goes to like, gray/black
waaiiit i think i'm just blind and stupid lmfao
hm
so your color application is a little weird
or maybe it's not?? it was buggin out a second ago lmfao
slim sinew
or maybe it's not?? it was buggin out a second ago lmfao
Haha you're really sending mixed messages here ^^
Does it work properly now or is something still off?
glass musk
Haha you're really sending mixed messages here ^^
Does it work properly now or i...
No it's fine lmao. Was being weird, and then it was fine
raven yacht
Haha you're really sending mixed messages here ^^
Does it work properly now or i...
First time digging this thread...
I added your mod quite some time ago, but... how can i make my zen browser to stop getting opaque everytime i click out of it on windows?
Like, when i'm using it, it is as pretty as everything, but once i click out of it and get it out of focus on windows 11, its transparency is gone.
mellow axle
First time digging this thread...
I added your mod quite some time ago, but... ...
Use DWMGlassBlur. If you have MFE, get rid of it.
raven yacht
Use DWMGlassBlur. If you have MFE, get rid of it.
MFE? what's that? Lol
raven yacht
Oh, got it
I don't know, I need to look at it
I'm not at home, so I'm gonna look for it once I'm at home
mellow axle
I'm not at home, so I'm gonna look for it once I'm at home
Uninstall any sort of transparency program you might have got.
Install DWMBlurGlass and you can also get my theme for best transparency effects.
Name of my theme is Arc-2.0. Can be found in Sine Marketplace.
If you don't have Sine, get it here - https://github.com/CosmoCreeper/Sine