#Zen Zero
1 messages ยท Page 3 of 1
Idk how that happens, but I recommend you using Spicetify. As the name suggests, it make Spotify looks much more spicy and also adblocks.
im trying to ditch spotify
youtube music github works nice
but spotify blocked a lot of phone apk(s)
Yes but keep in mind that it's electron ๐ฉ
(on desktop)
whats wrong with that
Hmm, I just use Apple Music on phone. Apparently after applying student discount, it's cheap asf.
I regret not getting 16gb so much
Ye ditched it cus it was very laggy
Electron = memory hog ๐ซ
oh
intresting
lemme check
300 mb
meh
could be worse
spicetify takes that much
so ish fine
I was not much but now starting to do, but it was out of reach for me anyways ๐
they blocked a lot of cracked apks + xmanager
Then just use Revanced Spotify.
It works for me.
Try again.
lemme check rn
I updated it and it worked.
alr ill try
wait do i gotta use mobile to disable it?
Nah... I'm on the move so only had the phone but this was on web too
Any idea on how to make YT music only play music and not video playbacks?
In web app
ohhh weird
Transparent Zen mod got merged to main! Not yet on website I think
on webits apparently not possible?
i am no expert
but thats what
says
that's what I got.. the color was added with the extension but I don't use it anymore...
wait... i can see the video toggle when themes turned off, it's available on web too
maybe it's the track, maybe yt doesn't allow audio only for it
no clue
Eyyyyyyyy it's live!!!!!!!!!!!!!!!!!!
https://zen-browser.app/mods/642854b5-88b4-4c40-b256-e035532109df/
Updates are on the way to remove the tint as well as the new bg in 1.9 but hopefully will be merged soon ๐
oh damnnnn
how does this work, i cant get the background going
after this, you may need to re-open zen or only newly opened tabs will get applied.
Actually I need someone to test it for me ๐
Cuz I can't install Twillight since my profile got nuked
oh it only works on twilight?
No no, it should work on any version... For me, it works just fine on beta but I can't be sure without testing on another device ๐
wait im really confused, what results should i be seeing it it works?
ohhhh
wait no i had zen internet enabled
Yes! this works perfectly โค๏ธ Thank for report....
The white tint will be removed in the next update, I already submitted it but as usual, waiting for approval. The current code was written before 1.8b so that's why it''s not gone ๐
Background image setting might be broken, not sure
but this was zen internet extension
i can replicate this even with transprent zen mod turned off
The mod is supposed to turn on the flag in about:config and in userChrome.css make the browser bg #00000000 unless you set a cusotm color there... so basically just gets rid of the need to go to about:config for it... Nex update will allow removing the white tint as well without editing userChrome.css
ahhhhh ok
So if you got Transparent Zen + Zen Internet, basically should be a good enough transparent setup without visiting about:config or making userChrome.css
Also you can do this but you don't need to since now we have dedicated proper themes
ohhh no, seems like it breaks the new urlbar .... I am starting to hate the 1.8b update specifically 
actually that might be a bug on my end
it was, I even deleted the reddit post 
oh i think it only works without custom css
try with #
why doesn't mine work? i pasted the image link onto the mod's settings and it doesn't do anything
restarted browser and it doesn't work
@dull roveram i missing out on anything?
(apologies for the pings, by the way)
did you try turning it on and off
si
damn
a classic manuever though lmao
unfortunately I think the image part is broken cuz it was written wayyy before 1.8b ... I updated it for 1.9b so it has the image in the empty tab screen but will take a long time to get merged again
sigh uh
i'm on version
wait
oh wait
i just remembered i wanted to downgrade to a certain version
let's see if that'll work
transparency needs the browser to be re-opened (or only new tabs will be transparent I think)
i've already tried that
downgraded to 1.7.6b and uhh
well
no changes ๐ญ
just to be sure, can you check what the
browser.tabs.allow_transparent_browser
flag state in your about:config?
this is set to true
maybe it's a change from the theme store how it compiles themes... there's no way to test mods unless we manually take the css and test in case it worked back then for me...
๐ญ it has worked for this guy but not me
you got the add-on too right?
https://addons.mozilla.org/en-US/firefox/addon/zen-internet/
This is what modifies the website and make it transparent... the mod is for allowing the browser to be transparent
ye, we can't combine them two so this is the most simple way we can have.... install the addon and open the pop-up and enable themeing, sync themes (enable auto update so things are easy in the future)
done, after a reload (if needed) , all should be fine
nevermind, installed zen internet and restarted the browser with no change
like this?
wait hang on
shit is getting weirder
now not even the sidebars are transparent ๐ญ
1.7.6 is ironically worse than latest
you on windows?
yep!
ahhh yeah back then windows had no propper transparency support
highly recommend to be up-to-date
at the cost of having a background image since it isn't that much of a cool feature
up-to-date as in windows versions or the zen browser
I should make the enable styling toggle enabled by default since we are not in test mode anymore ๐
zen... currently 1.8.3b or smthing.. can't rmmbr... ether way, 1.9b coming today eh
isn't 1.9 out already-
in fact, you can if you want to install it now
The release is pending approval.. not on the in-app updater I think.. I updated to 1.9b by grabbing the file from the pending release in github ... cloudn't wait LOL
LMAO same here i did it earlier today
I think you should... no gains of older versions
I even did it yesterday from the failed build but at last, there was no issues with the macOS build ๐
nevermind the download speed is horrendous ๐ญ
1.8.2 it is
OH GOD what have i created
huh... I've seen this before.. you got any css injectors like stylebot or smthing? or any zen mods that can affect?
not that i know of
i'll give you my list of mods
sure
sometimes turned off mods can affect too so maybe remove this too
on it
well
that didn't do anything
๐ญ
trust me my brain is just as fried as yours
huh... this really seems to me like a theme being applied...
but what theme is the question
this happens often because of themes
make sure you got no stylus or stylebot addons as well, we don't need them since we are applying a theme with a diff addon
oh i have absolutely nothing
lemme check one of my old reddit posts... I rmmbr someone having the exact bg
okay!
๐ญ
well shit
"it was a zen mod" incredible description
@dull rover okay so it does work
there's just a white tint
that's unfortunately was added in 1.8b but the current mod was made back before... I have pushed an update to remove it but waiting for approval now.. And also the empty screen background added in 1.9b as well
otherwise, you will need to edit the userChrome.css to remove it
Which is better? The extension or this mod?
I'll go with whatever is better.
both. Bwcause the mod is for making the browser transparent and the addon is for the website... if you got it working currently, the addon is not needed... Also the addon is old so it doesn't even remove the white tint tint
White tint? I currently have only addon running any there is no white tint. ๐
i will do this, teach me the ways
like above image? the tint within website ?
https://docs.zen-browser.app/guides/live-editing
first make the userChrome.css according to this, then i'll share the css
There is no white tunt.
tint*
ohhhh.. you must hv removed it with userChrome
Well, I think I'll get both running at the same time.
i am stuck here gentlemen
no userChrome, but have #0000000 as my theme.
What image url did you set as bg ? Just pure curiosity xD
that is not the live editor... it opens in a new window
ohhh maybe, mayyyybe that helps
weird
Try this on a new workspace yourself and see the effect.
win shift alt i doesn't work
See the shortcut keys you've setup for Zen in Settings.
that feature is broken after 1.8b i think...
https://github.com/sameerasw/my-internet/blob/main/cmd-t.png?raw=true
i think i tried this
i'm supposed to open the style editor right?
that's shift f7
to look a bit like this
you need to enable another flag for it now.. read the next part in the info box
Another thing, I don't think transparent sidebars works on Twillight version with your addon(at least, not for me) But, if I put code 0000 (after having reactivated hex code) it does still goes transparent ^^
i made it here now
thne paste this stnippet in the userChrome and save it...
there are more mods I added in my userChrome but not all may work on windows as intended
https://github.com/sameerasw/my-internet/blob/8edd96e16043788121da8546ad0263c6b824940e/userChrome.css#L275-L280
interesting... twillight is the same as 1.9 i think but for me it works on 1.9 ... I will try later on my work pc if possible with 1.9
did this, now my browserr looks like this
I guess the latest version, I had automatic update this morning, may cause a problem (just a guess)
Zen Settings arent transparent neither, but I think it is a userContent thing, isn't it ?
yeap, the tint is gone now.... done... ๐
You only pasted the highlighted part of the code right?
.browserStack{
browser {
background-color: transparent !important;
}
}```
oh
oh shite
hang on
ye, zen settings, new tab (if you have enabled) bg and stuff are userContent
otherwise you gonna even loose window control buttons since i removed them in macOS cuz I don't use them
1.9 released!
it's updatin....g... to what?
I'm already on 1.9 and I am still updating LOL
THE DOUBLE UPDATE
FOR REASSURANCE
or detonation but nothing went wrong ๐
Well, 1.9 is for Twilight I guess.
no i installed the currently rolling out same build yesterday grabbing it from the github action while it was running ๐
Oh right, I think I mistakenly saw some other number while Zen was downloading the update...
uh
oh god
why is it empty
cuz you did not save ๐
make sure to hit โS or ctrl S before closing the editor
why is youtube top bar hiding from my ass
you can turn it off (and refresh)
I had to do it to make the theatre mode fit the window... still looking for a workaround
turn what off?
the entire styling?
"Auto hide header"
each website has separate features... (in youtube some might be related) you can toggle ๐
that's so cool!
woah.. 2000+ messages... that's the most I've seen ๐
you are now officially popular
oh yeah search bar is broken but i assume you're aware of this?
searchbar?
address bar
screenshot?
you mean no background of it?
try turning this off
I think it has a problem cuz turning off Transparent Zen did not fix this for me
๐
Resizing sidebar is bugged in 1.9b.
is it?
wdym by this?
how do i get transparent zen to work
i turned off mica for everyone but it still have that effect
is this working
i turned off the mod and it still have that effect
uh
i think thats
acrylic
go to about:config
and
zen.widget.windows.acrylic
to false
yess
is this completely separate from zen transparenvy mod or
maximum confuse
zen transparency
alright
do this in micaforeverone
and if you have the zen transparency mod installed
i turned off both this + mica on about:config but its not working
that should be it
wait lemme try
this not working
i used this pic which should be good to go
its a direct link
and its not working
@dull rover
Install Transparent Zen
https://zen-browser.app/mods/642854b5-88b4-4c40-b256-e035532109df/
In mod settings, enable transparency for website
Install the Zen Internet Addon
https://addons.mozilla.org/en-US/firefox/addon/zen-internet/
Fetch themes and turn on theming
Done...
But before begin, make sure your sidebar has transparency already... if now, that's not in my mod's or addon's control.. might be themes, might be windows, might be a bug
your bg in zen is added with userChrome.css right? not the zen mod?
sup
can u send me ur userContent file ??
sure, I didn't push it since it might mess up my github action,
thanks
i thought he wanted transparency not bg
bg i havent been able to add with mod
@dull rover What does the mod do?
ye it's broken so Iw as wondering
Reinstalled Zen due to performance issue and firstly installed it. Not much difference.
enables the transprency flag and allows setting a custom tint color for the browser.
I noticed that compact sidebar is screwed! 
Will have to use lacuna or natsumi to fix it ig
ohhh this might be what someone said in reddit that they separated the sidebar from the rest of the browser so it's an independant thing now.
Oh, what was the need for separation!
Some unnecessary unwanted changes have been brought in this update tbh.
what even is this page address i tryna modify it but idk what it is
it started whenever you launch zen (or another workspace) for the first time
when i tried create new tab it got replaced with about:home
think it was for some sort of security thing? not sure
https://www.reddit.com/r/zen_browser/comments/1j69q4y/comment/mgnvwyh/?utm_source=share&utm_medium=web3x&utm_name=web3xcss&utm_term=1&utm_content=share_button
it's the empty page if you have the floating urlbar only mode enabled (default) ... no address, but can be identified in the theme editor
this is what I get when I close all tabs
"can't apply backdrop blur effect"
Isn't Natsumi working all right with it? I kind of confirmed it myself before reinstalling.
i turned off that mode but still getting it ?
and how to make it bigger
ye, give it a try
it is just too small for me
idk, never turned off
go to the userChrome.css and find the place this image is added, I think i have set it to 50px or so, increase it
how to make it bigger ??
btw, there's a broken urlbar mod that makes the urlbar transparent as well, might be related
I did mention that I don't have any other mod installed rn except yours.
why do i apply your theme and my mica effect looks a little darker than usual
then prolly broken profile or so ig
I think mica by default has a little light tint? not sure... maybe it's a zen thign I didn't notice
anyone have a better url bar solution ?? the one from pineapple fried theme broke and i need another one
uhhh im sorry to disturb but i cant get it work in the slightest
its just a white tint
Please add a theme for news.google.com and msn.com The aim of your theme is to make popular sites transparent. These websites I stated has plain black bg, so I thought it could look more vibrant wi...
i think the addon and the mod works but you have a custom theme or smthing already set which breaks transparecy, remove any such mods and remove sidebar theme colors fromt he gradient.
ye, gonna do now ๐
Damn you've done the theme for 200+ websites? Impressive
how do i make it so that this button doesn't prevent me from cliking into video recommendatiosn
mmmm nah, only 179 yet ๐
But with force theming, it's basically โ
huh... can you send a full screenshot so I can see what might be the cause? I have seen another report of this but idk when this happens
cannot change them on zeninternet
weird stuff
no i think this might be a bug I can try to fix... i don't have it so i would like to have a screenshot so i can try to re-produce the bug and try to fix ๐
Think this might be a layout thing on small screens but not sure
nvm nvm
fixed it
๐
btw on yt views and time of release overlap
I kinda thought this might happen on different zoom levels and scaling... it was a trick i did to make that two line text one, I will push a simple fix for this soon
i have found the issue to be in the compact feed
damn
ye, fixed it btw, now fetch and can you test?
sure
nothing
only thing now is that the full text is there so kind of a clutter but I guess sacrifices were made
is there a guide to get the sidebar transparent to work
browser sidebar? Which OS?
w11, its for compact mode
ahhh then no idea since I have completely removed my compact sidebar
lacuna theme has these
it happens when there's a chat replay thing
@dull rover Hey, as you see here, for me mod isn't working even in a new profile as it's expected to...
Like Settings is expected to be transparent, but that isn't the case here.
@dull rover does your userChrome file add space to the essentials
ahhh i see, outisde zen view... I will do smthing for this
you aren't using the floating urlbar setting i think
i managed to fixed that
what about this
????
No no...
this has nothing to do with userContent.css we can't modify it with mods... you gotta do it yourself.
For info on the mod and the addon:
https://www.reddit.com/r/zen_browser/comments/1j69q4y/comment/mgt142g/?utm_source=share&utm_medium=web3x&utm_name=web3xcss&utm_term=1&utm_content=share_button
I doubt but i do not use bottom essentials tho
try in live edit mode if it makes any difference
mod is for enabling the transparency flag and setting theme color to transparent, nothing else
addon is for making the website transparent, nothing else
this doe snot change userCOntent, settings, new tab, sidebar , urlbar or anything...
thanks
when will we have zen web panel transparent ??
Do you know what should I do about this?
I reinstalled Zen. Now should I consider reinstalling Windows? Because no other Windows user is facing this issue.
@dull rover
the ai sidebar? or something else?
yes the AI sidebar
you can use it for other webs tho
Natsumi has the CSS to make it transparent.
but you are not asking about the mod right?
never used... gonna give it a try maybe
Hmm, well the video is precisely about the mod not working as it is expected to in a new profile. Everything else is fine.
like i said before, mod does nothing to your userContent so do not expect settings and such pages to be transparent
.....
i see no problem there
addon page transparency not work
well it's making addon transparent for me
what does it looks like
you mean transparency in addon pages? or....
ohhh sht, update got merged quick this time ๐ฅณ
Zen mod got updated!
- ability to remove the new white tint after 1.8b
- remove empty page bg after 1.9b
- Seems like bg images are still broken ๐ญ
bruh momento
wha.... I just learned this ... you can even use variables! var(--zen-primary-color)
is there a way to delay the timing of popup? cause now i can't just browser to check for videos it immediatly starts playing it
ye, I will add it now ๐
Home page isn't transparent, custom css work as before the update ?
done
you mean the firefox home? that is not modifiable with addons, you need to use userContent.css
very nice
how do i sort my yt sidebar thing?
hover mouse on top left area.
mb thx!
Is it also meant to work on a new tab? Cuz it aint doing it for me
ayo how did u get ur custom bg?
nah... modilla urls can not be modified with an addon just like on chromium... you will need to modify the userContent.css on your own for it
Hey ๐
Good job on the addon and plugin ๐
But I just can't get the transparency working on my gnome system. I have the flag enabled in the flag settings. Currently using the catppuccin theme but also without the theme the transparency is not applied.
without the primary var override
yeah IDK about gnu or any wm .... I never tried ff on them and back then, I had to use a gnome extension or so to get transparency and especially blur and it sucked with performance.... you might have to do some research on "how to get transparency with gnome firefox" and then apply that to zen
this addon and the mod does not add blur or transparency to the browser, it just utilizes the existing blur/transparency and shows it through the page
@dull rover Hey, you've Windows, right? Do you have a Natsumi profile?
I do have but it's my work laptop so I only installed a zen on it to test ... no mods were done since i don't daily drive it... that laptop sucks
Well, I miss the time when you could dual boot Windows on a Mac.
hehe.... I did the opposit and that was what actually got me to a mac... I mean I could try parallels or such vm for windows but I don't need Windows so never tried ....
VM with any OS sucks tbh. And you should do some gaming then you'll enjoy Windows... XBOX really is something else with unreal
yeah... Gaming, I left a couple yrrs ago tbh, didn't had time and also lost the interest in them after a day or so... but that got me into watching streams and such since I can do something in the mean time.... might consider some gmaing setup in the future but not in the current time , got too much stuff going on ๐
when will we have web panel theme
ohhhh now I know what it is.... I might try tonight to see how to do it... Until then, at work ๐ซ 
Not sure this was achieved with user content or user chrome .
I only have user chrome for the empty tab screen. You might need to apply one for the whole #browser but, try to avoid displaying it unless in a new tab or it will be there on any tab unless that's what you need
i thought this is default for about:home on zen
yo sameerasw, is it possible to hide this chip? cus i cant click the content behind it
gonna get to it in few mins... sorry I hate Mondays cuz the only day I gotta be in the office

done!
Chat now only changes in zen view
ty!
I am updating the Transparent Zen mod, what changes more you need in it?
Current changes :
- ability to keep the workspace specific color tint with transparency
- ability to flip the white tint to a darker tint in dark theme
- option to remove the shadow around the page
- removed background image feature since it doesn't work
Share your ideas.... I prolly won't add the animation css to this since we got another mod for it, just waiting approval.
cant edit usercontent right?
With mods? nah.... not that I can see int he documentation
how bout changing window material? like the about config one
why is my settings not transparent
i have installed zen internet and zen transparent
ohhhh good idea.. for macos peeps ๐
settings, new tab, ... are restricted urls which can not be modified by the and addon... and not by the userChrome, instead you gotta do your own mod with userContent, I wish if we could do this with mods but nope (not yet)
okay
Done ๐
Ye, you can turn off if you don't like ๐
Make sure to re-fresh after
hehe, me having less videos to watch = more css ๐
@dull rover I was wondering if you could make the extension Zen Internet possible for Firefox as well! I mean Zen and Firefox aren't very different, so there mustn't be too much complexity involved in achieving this feat, right?
I don't see any reason for it not to work already... It should just make the website transparent.
Lemme install Nightly rn and try it/
btw, it only does what it says... not the part from the browser, for that, you need to modify the flags and userChrome too to get transparency for the browser first
if it's even possible
I enabled all the configs it needs to make it transparent, but it didn't become transparent.
If you can work on it, then you actually will be quite popular in Firefox community!
well, From what I can see, it works.... that's not google gray color i think, firefox ui needs to be transparent as well...
which is the other part the mod does other than flags
maybe I'll give ff a try for this
Right, well there needs to be a way to make this flag work...
it works... it's the browser has ui which is not transparent
ye it works, that's why some stuff are invisible,,,, I'll edit userChrome
ayo... firefox is kinda smoooooth.... I'ma keep for now, might try some craze mods with it later ๐
how to enable?
appearance: -moz-sidebar !important;
}
html, body, #main-window, #navigator-toolbox, #nav-bar, #browser, #tabbrowser-tabpanels, .tab-background, #tabbrowser-tabs{
background-color: transparent !important;
background: none !important;
border: none !important;
}```
toolkit.legacyUserProfileCustomizations.stylesheets
widget.macos.titlebar-blend-mode.behind-window
browser.tabs.allow_transparent_browser
nvm, there's a guide for it and I think it should be very similar to this
https://github.com/Ashley-Cause/GlassFox/
It works good for mac but can you also do it fro Windows.
Not sure the flags work for windows... And I can't do these on my work pc which is the only windows one I got ๐
Maybe look into the issues section of that repo
this is how all begin eh?
hey thats my browser
i think
(i have no clue how that is there lmao)
is it just me or is the icons in your CTRL Tab Animations (userChrome.css) very shite quality?
They were very very tiny so gonna look shite ... Think usually favicons are 96x96 or smthing
alright
i want a tutorial for this exact style
wait this is macos
i change my mind
maybe possible if blur is already enabled on windows because I saw one mica flag somewhere... on macOS, blur was disabled at least in the stable one.
yo same, do u know what @-moz-document url(addons.mozilla.org) { /* transparency */ html, body, nav, header{ background-color: transparent !important; background: none !important; border: none !important; box-shadow: none !important; } this is for?
it clashes with ur pdf viewer transparency ``` /* pdf viewer */
body:has(#viewer.pdfViewer){
background-color: transparent !important;
.pdfViewer, #toolbarContainer, #sidebarContent, #toolbarSidebar, #scaleSelect, #scaleSelectContainer, #pageNumber{
background-color: transparent !important;
background: none !important;
border: none !important;
box-shadow: none !important;
}
.toolbar{
opacity: 0 !important;
transition: all 0.3s ease-in-out !important;
&:hover{
opacity: 1 !important;
}
}
.page{
border-radius: 2em !important;
overflow: hidden !important;
}
} ```
think this is for addons.mozilla pages... firefox addon store.. we can't mod it with addons
ohhh i see... i thought the usercontent didn't load at all with pdf?
eyy yo, how do I create a ff fork again? ๐
oh alr ill sacrifice this for pdf transparency lmao
ye transparency didnt work when i had this
Something cookin
cooking what?
no more flickering... websites should fade to transparency when loaded/reloaded ๐
does this work on linux?
Hey! After installing the mod, the blinking text cursor thing pops up anywhere i click. Anyone else got this?
that is a zen setting
i think
yes
Strange, any fix?
well, yes and no. mod and addon will work but you will have to make the browser transparent first to use them... and idk how to do that... I only seen one user with hyprland gotten transparency
Zen Settings -> General -> Bottom of General settings -> Uncheck Always use cursor keys to navigate withing pages
screenshot? ๐
ohhh
this was so damn infuriating
need to hunt that user lmao
oh wow.. never seen it
check for my zen zero post I think...
in reddit
Thanks man
It was getting annoying haha
ikr
i didnt know what setting it was
only when i reinstalled zen did i realize it was that setting
Very strange thing, doesn't even have anything to do with what the setting is supposed to be (?)
well
you gotta see
where the pointer is at
to navigate with keyboard
so ig it works out
Some pages are illegible, not sure what to do
ure so right
enable dark mode
becomes legible
switch to automatic theme, and if the website doesn't have a dark theme, sue darkreader (enable dark theem detection and system day light detection)
How tho?
last last part in my ucserChrome.css
https://github.com/sameerasw/my-internet/blob/main/userChrome.css
It's just a workaround
Update is out! And of course something had to be broken LOL
For now, the macOS transparency thing doesn't seem to work.
Rest is ok afaik
same thing can be done to context menus?
I could not select the context menues with the style editor... I will try again but on macOS, only way to have pretty menues is the native context menu flag
but it sucks without icons
try on windows maybe ?
yeah, or I have to disable native context menu... I think it might be an element in the browser html but maybe not accessible like the back forward arrows in trackpad gestures....
uh
ohhh I think I hard coded the width there, so if your sidebar width is different in compact mode, it won't adjust, ... don't think they use variables here because it is jsut wrapping content... try adjusting the width
heigh is also brokey
maybe a thing with top toolbar.. I never use it so then the gaps around are like 4-5px so I applied for that
uh? (isn't it supposed to be transparent?)
ohhh I think that's because it's expanded... So I will need to make it not transparent only when hovering.... I'll find a way around.. until then, you can collapse the sidebar to make it transparent.
aight
hey! amazing work on the theme its beautiful. i'd have a question, i have a weird difference between the sidebar and main content blur, i suspect its because of some other mod maybe? i have natsumi-browser, Animations Plus, no gaps, Private Mode Highlighting, and Matcha. i've turned off all of them one by one and neither solved the problem though
should i just uninstall everything to see if that fixes it?
There's a sort of "lightening" effect Zen automatically applies on the browser area, you can remove it with this:browser { background: transparent !important; }
ah it worked thank you very much!
actually you can now do that witht he Transparent Zen mod itself... either remove it or flip the color so it's darker tint instead. ๐
you can make it visible only with hover
It would be nice to have an option to make show on hover elements like this transparent
we can but then if the window width is lower, it's gonna hover over the content... I will try with media queries ig
NVM, fixed
its already visible on hover but that part was transparent too
ye, I fixed it now, try re-fetching themes
could the same be done for the right sidebar?
done
yo same, is it possible to hide these lines in google calendar as well?
@dull rover hey actually i set up my browser again after deleting the data. I enabled this flag "browser.tabs.allow_transparent_browser" but its not making the websites transparent with your extension. am i missing something?
it shows no styles available for any website
github changed some elements ig idk?
I will give it a try next time
re-fetch the themes
someone opened a pr to remove some shadows I think
yea it worked except google ai studio
did u remove the themes for google ai studio?
huh, lemme check, didn't visit it in a while since it's broken for me
ahhh no the website got updated and now fixed as well.. so i prolly have to update it...
ohh i see
done
google docs
@dull rover
ohh no... someone made a pr and I forgot to test it in dark theme
works fine here tho.... turn off darkreader
yeah when turned off it fixed itself
cant use it with dark reader ?
not I won't advice to do so... that breaks almost all the overlays and docs has a lot
I can make it but then there's the issue of the content of that being dark colored... not easy to change every element's text, icon fill colors invert without breaking something...
God I wish if docs added a ntive dark theme
idk if tis possible but is there any chance by css that this gemini experimental branding is removed and the messages look like what it would have looked if it was not an experiment? ๐
done, i think it should go away if it's with the .disclaimer class
omgg thanks a lot!
it worked
is this my issue? tried disabling mods but issue still persists
Any yt enhancing extension or scripts installed?
not that i know
check out for it.
Oh, you're right.
Now I am on my PC and YT Shorts does have this back thing on right side.
@dull rover I am very sorry to ping you but in my pr I made a mistake and the (the one with the better text field for gemini) or they changed the name of the ui component on the website whatever
input-area-v2.ng-tns-c578951216-2
and not
input-area-v2.ng-tns-c2580532240-2.ui-improvements-phase-1.ng-star-inserted
My bad :/
yeah... I too hate randomized css pointers... you're not alone 
well I will forget styling that website then such a freaking hustle... Maybe I can do something like #content a:not([role="button"]):not(.new) (copied from arch website styling) and apply it to the website so that it always gets the text input whatever the name but I dont know css that well so dk
the legibility of the text is a bit not quite readable yk
so just make the text easier to read
thx
but no sqare corners
why do i use userChrome.css file but still no customization
no tab preview like firefox
:<
nvm it was a setting in about:cรฒnig
@dull rover Hey, can you look into YTM? I wish that the video would be removed completed out of site after minimizing.
i have stylus css for that
Well, won't it conflict with the extension?
nope
alr, send it.
ytmusic-player {
display: none;
top: 0px;
left: 0px;
}
#side-panel {
width: 100%;
-webkit-transform: translateX(-35px);
/* 10px to left */
}
}```
Why is your bg opaque?
i dont use tranparency mod
Hey, how to pull up queued songs like that?
? isnt it default?
Idk if it's default. What did you do to pull it up like that?
just clicked in playing bar empty space
how you pull it out ?
I did the way you did it and here I've an empty thing popping up.
your css is interferring
ahh i guess its not compatible with zen tranparent extension
the color contrast need to be fixed ig
it's had, google css is second to being shit by only meta apps
by the way I think I found a way around it, just style input-area-v2 as a whole, although I am not sure anymore if it even looks better now that I think about it
done... or you can minimize without clicking the pip button.. either way, added a setting to remove it
sorry for the red lines
hmm yeah I see that I will try to fix it
as long as the overlays work, I'm happy ๐
Been a while since I touched the stuff lately, a bit burned out and also been a lot busy... prolly will get back to new stuff next week
๐
btw I think the one without styling might look better tho
IF NOT THE UNSTYLABLE BUTTONS IN THE INPUT THINGY WERE SO FREAKING ANNOYING
IKRRR
The mfs at google really makin life tough now arent they xd
indeed
btw off topic but your website is nuts
thanks, just updated yesterday by nuking like half of the useless js code that slowed down.. still not perfect but working on it... 
but by looks I mean it is cheffs kiss
hehe.. just tried to make it a lil bit modern... and fix a lot of stuff on mobile
btw do you know how to do```css
button:inside(another-thing) {
}
this is pseudocode
mmmm... you wanna select a button which is in as example #header or so?
yeah but inside input-area-v2 xD
yeah ez.... there are multiple ways
.input-area-v2 button{}
.input-area-v2 > button{} (this selects from only one level of depth)
And many other ways too maybe... depending on use case.
yeah well just realized this is more difficult 
you have a div that contains both the input area and the buttons
and I dont know the handle for either
you could
div:has(.input-area-v2) button{}
or
div:has(.input-area-v2) > button{}
we all begin from there 
and how do I say div > skip all children >button like when the button is an indirect child
Aight gotta go eat now thx for the coaching xD 
instead of skipping all the children, use the last children
div last-div > button{}
maybe?
no I found it
div:has(input-area-v2) button{
border: 1px solid need to find the right color;
background-color: #00000000;
}
but even if I had the right color the plus button is still... ๐คฆ
I am so freaking mad
this is also without my styling and just zen-internet I think but on the unstyled page (chromium) it looks fine
aight further investigation shows that it seems to be a firefox problem
mozilla

sorry for the spam
gemini theme broke
Disable Dark Reader extension.
ohh thaks
cant believe i ping the wrong person
google docs :
the title is missing
and document tabs
Aight so I fixed most of it the buttons are not centered but they are not this bad anymore.
/* the buttons that are in a div with the input area */
div:has(input-area-v2) button{
display: flex; /* so that hopefully the icons can be centered */
border: 1px solid white;
background-color: #00000000;
}
/* the plus icon */
uploader .mat-icon{
align-self: center;
}
/* The microphone icon */
speech-dictation-mic-button .mat-icon{
align-self: center;
}
speech-dictation-mic-button > button >div /* this div has the icon of the dictation */ {
position: relative;
align-self: center;
display: flex;
}
now even better fully aligned
with just this css
/* the buttons that are in a div with the input area */
div:has(input-area-v2) button{
display: flex; /* so that hopefully the icons can be centered */
border: 1px solid white;
background-color: #00000000;
justify-content: center;
align-items: center;
align-content: center;
}
i fixed it by deleting this part of the userChrome.css
#browser::after{ opacity: 0 !important; left: -300px !important; width: 198px !important; border-radius: 1em !important; height: (100vh-5px) !important; margin: 5px !important; top: 0 !important; background-color: var(--toolbar-bgcolor) !important; transition: left 0.2s cubic-bezier(0.175, 0.585, 0.32, 1.1) !important; }
what does this do exactly ? because i have no idea
it just cause problems
it helps you blur even in transparent back ground
idk but if i kept that there's some weird thingy behind the sidebar
ah wait lemme show you what it does
i see
so i put the latest userChrome into zen thats on the github and now zen kinda broke
there is no url bar and i cant open new tabs
i think im using mica theme so its not gonna work
i can only do that when the css isnt working
delete the top bar part from the css file
ima try that but also the transperency is gone
new tab is replaced by url bar you just see update logs
new tabs working and url bar working but now this is happening. i did get an update to 1.10t so it could be part of it
yeap. that is not rare
turn off darkreader
yeah that's the css element I added for compact sidebar transparency... I don't use the compact sidebar so i disabled it but I did expect some similar issues
I did turned off dark reader
Sorry been away for a while for lectures ๐
is it possible for web panels web to be transparent
i dont think any extension work there
btw can u add a button to submit the force theming if it works properly on page
@dull rover add this to X (twitter)
.r-kemksi {
background-color: rgba(0, 0, 0, 0);
}
its for the seaarch bar
X*
i might have use Zen browser too much
@dull rover Hey, if possible, can you make the playlist view transparent as well?
should I make a pr?
didn't understand... I could try adding a switch so force theming works as a whitelist instead of a blacklist
ye I mean that, but there could be selection between whitelist and blacklist like in dark reader
ummm in what website?
feel free to... might take a bit to review but should be ok ๐
yeah dw
Oh right sorry for not mentioning the website. It's https://youtube.com
I am chillin
I'll try that maybe tomorrow ๐ away from home so barely in coding mood ๐
ohhh it's broken? lemme check
ohhh I'll fix it soon
Also, consider adding transparency to playlist queue panel as well.
can u check ur youtube shorts page?
I will try, not sure if I tried already and gave up because of an iframe or so, Let's see
Fixed today in cf98c92ff9e2a605ae0f30631f20dde47914d4ed
try re-fetching
Seems like this is something really complex; because given your expertise in CSS, if this were easy, you would've already resolved this within few hours!
oh while on the topic of youtube, idk if this has already been pointed out
But on a Live video, the live chat isnt handled properly and when closed makes the right area (which has videos) non responsive
think this was fixed
ohhh I fixed it immidiately, then it got broken by someone's push and reverted and now just fixed again ๐
Should be ok
re-fetched the latest themes?
but why i have differerent effects for site
like most sites the same
and then one different
ohh
i get it
sites with transparency will broke
*transparent
and site without it will be blurred
yeap... that's why
I'm getting some pretty bad battery life recently and idk why... I hadly even use the browser.... might try Safari for a while again to see what's up
thx for this
I was thinking, why not instead of solid use a strong shade of black (or the main color in user's gradient theme) so that there exist something like transparency?
Here is the code I use for context menu to be transparent as blur isn't yet released for Firefox (stable version).
/*context menu transparency*/
menupopup {
--panel-background: color-mix(in srgb, var(--zen-primary-color) 20%, black 70%) !important;
}
/*menu transparency*/
panel {
--panel-background: color-mix(in srgb, var(--zen-primary-color) 20%, black 70%) !important;
}
The strong shades of color introduced here are enough to override any text overlapping and difficulty in reading tbh.
for the sidebar? unfortunately the issue happens when there's a fraction of transparency...
gonna try a re-install with full cleanup and if still behaves weird, gonna stick with ff
No like for any menu. And only use solid bg for cases where readability is actually affected.
true
why cant i even apply any color to the sidebar
the second override color option in the mod enabled?
turn it off maybe?
what mod do you mean
/* compact sidebar usable blur */ body:has([zen-compact-mode="true"]) #titlebar { background: #174d81; !imporatant /* #174d81 */
this is on my userChrome btw
can i disable the transparent on not supported website?
How
click the extensions icon -> click zen internet extension -> uncheck force transparency -> scroll down -> check skip forcing for this site -> reload site
It didnt worked means its not the one making it blur?
yes
probably the
transparency about:config
for that
in your userContent.css
add this
@-moz-document url-prefix("website name here") { html { background: #fff !important; } }
transparent zen
ahhh another bad website ig... that website has no bg that's why... you may need to disable the flag for it
download
thats it
thanks
how can i disable flag for it?
where is this file?
oh
uh
about:profiles -> open root directory to -profile in use (usually beta) -> chrome folder -> create userContent.css
browser.tabs.allow_transparent_browser -> false in about:config
wouldnt it disable transparent on all browser?
i used this, it worked
very nice
yes, but it's for removing, if not, use that method or with stylebot so youc an toggle it easily ๐
awesome
might try to modify this so instead of the buttons, the playing media track info is visible and controls appear on hover ๐
Why has WhatsApp Web text become more hazy and less bright?
yo same, is it possible to have an auto toggle for theme color contrast = 0 in windowed mode?
gradient in full screen and transparency in windowed mode would be cool
is there a way to get that to be transparent? (blurred)
auto theme?
that's browser level right? prolly need js i guess unless there's a css variable to detect full screen
instead of solid color? prolly can...
oh damn ๐ญ
that'd be nice
you will have to figure out transparency depending on your WM ,what you on?
wm? i never used garuda...
use blur my shell extension
ough
doesn't that just maek teh app transparent? we just need to remove any back plate for app windows here
kde
Yea I use KDE
blur my shell blurs app background
kde lemme find
i forgor
ahhh you might have luck, i just linked a guide someone given to me ... check the section in here : https://sameerasw.notion.site/Zen-Transparency-1939c6099d4080468f02cf05ae50e827
oh
I think it's better to look for transparency of ff on kde since it should be similar
yeap... this is it : https://www.reddit.com/r/zen_browser/comments/1jd0ggm/comment/miemhvg/?utm_source=share&utm_medium=web3x&utm_name=web3xcss&utm_term=1&utm_content=share_button
install? -> sudo pacman -S base-devel git extra-cmake-modules qt6-tools
Whats that
background-color: light-dark(#fff5, #0005) !important;
}```
do this or modify the color
that gives transparency?
what is the issue you facing? screenshot? is it text contrast in light/dark?
yp.... you can adjust the color to modify the amount
won't look good with full transparency since there's a drop shadow
Don't know if you can see it clearly but its lost its brightness
The text is greyish
It wasn't like this a few days back
ohhh that's half transparent... any other css mods?
How do I fix this? It doesnโt match the aesthetics of other elements on YouTube Music. I tried making my own Stylus CSS, but itโs not working properly. The blur effect isnโt applying like it does on other elements.
Nope
hey that looks like the weird white tint
how do i increase or decrease tint?
https://github.com/sameerasw/my-internet/discussions/62
is the reason. So I kept them not transparent
lemme check if anything similar happens here
Got it! Thanks for quick response.
yeah.... no issue here
adjust the 5 in both color codes... lower means more transparency.... it's 0-9 and then A-F where F is full opaque.
hey do you notice the media control opening animation being jittery? or is it just me
What can be the issue
Okay nvm its working as intended now
hi, kinda late to the party, but how can I get this bookmark grid in the last image?
nah... not at a ll for me
I used an addon named "Super Speedy Dial" I don't use it anymore since I got used to the bookmarks sidebar but this was just fine... you can apply
background-color: transparent;
}```
Custom css inside the addon to get transparency
no its there
the uh
icons are going up and down
ahhh you mean that 1px movement... yeah it is there on the newer build as well
Figured out when the brightness gets reduced, it happens when I click on links in Whatsapp Web, I think its some glitch with the link preview feature. Can you check on yours if this occurs?
ohhh that helps, I'll dig into it ๐
Yo! who put a semi-colon there 
LMAO
my webpages aren't transparent on windows 11, i followed the guides in ur notion but it doesn't seem to work
solutions would be greatly appreciated!!
lmaooo, thats a nice ahhh monitor
nvm figured it out!
what mods you got installed?
well, thanks to my work ๐
day - work
night - not work 
hi, did you get rid of the small compact sidebar style you used before?
this one
yeah i had to.. as i rmmbr, 1.8b separated the sidebar and the urlbar so doing this broke it... so I just removed that part ...
oh
it looks like this with single toolbar now lol
this looked really good
sad it's broken now
still useable in this way tho
@dull rover just wondering! things like chatpgt and discord chat aren't transparent but everything else is
how do i fix that?
ah nvm it seems yours is also the same from the pictures
they are meant to be that way how will u type if they become tranparent
it could be slightly transparent, just darker than everything else
but still transparent
@dull rover Seems like you've got some competition now! https://www.reddit.com/r/zen_browser/comments/1jebi43/i_released_version_020_of_my_transparent_zen/?utm_source=share&utm_medium=web3x&utm_name=web3xcss&utm_term=1&utm_content=share_button
Here is the said addon ๐
nah it will be inconsistent some websites require personal touch
Ah, I've actually tried it and it does have personal touch for popular sites like Google, Instagram, Reddit, etc.
The check box he clicked forces transparency on those sites which doesn't have a personal css for it.
Also, there is competition given it handles top bar transparency really well for reddit. @vagrant marten
can't rmmbr exatly why I kept them... maybe they were overlay chat boxes so blur doesn't work... not sure, I will try to figure out ltr ๐
'yeap... they even had working video preview as well... might add as an option...
welll, actually zen internet is a fork of it... I forked from it cuz I had no idea how to even create ana ddon ๐
Never knew that!
How to get the transparency of material 2 from mac on windows. Like is it acrylic mica or something else cuz i like how it looks on mac but just not on windows since that just looks to dark for me
@dull rover Hey, there is bug with the transparency of https://chat.deepseek.com/
It has this sharp corners when asking about codes and stuff.
try adjusting the new flag in about:config , search for material thee are lower it.
ohhh I'll try to fix but might take a few days... a bit busy.. and I saw like 60+ issues pending as well
๐
lemme try to explain it better. What i meant is i want the transperancy that macos has on zen ported to windows in some way cuz i like how material 2 looks like on macos but i just can seem to figure out what type of presset it is for mica for everyone and dwmblur so i just wanted to ask if anyone knows how to make it look like that
ahhh IDK on windows what mods to use but I assume is possible.. you may have to experiment with some 3rd party tools
yeah prob. will try to figure out dwmblur and mica or everyone later to mke it look the same
Using both at the same time isn't a good idea, is it?
Nah I meant like trying both. Not at the same time
Either way if one is being used then the other one gets overwritten so u donโt see any diffrence
I tried running both and my only mistake was doing it on my old Windows laptop (~8 yrs old running Win 11). Display crashed and Windows automatically restarted to fix the issue. Good thing that it was actually fixed within a minute!
Damn I never had that issue lol. The only thing that I saw was the file explorer menu when u try to upload a file to a website being the one that mica for everyone gives
Right, the new one I have also didn't do anything but giving an ugly sortof transparent overlay effect when both were running. ๐
why is like the main area of the browser white in transparent?
just wondering if anyone else is getting this darker tint after updating to 1.10.1b, i'm currently only using the transparent zen mod, but it happens with micaforveveryone too
@dull rover hey do you have a media player css like this? i mean the transparent one in zen kinda overlaps with the tabs but something like the arc one
you can make it non transparent to make it look like arc, just use the color code which arc uses
a bit white
ohhh
and if you want the icons to be same as arc then um you could replace them with a custom svg but idk where to find it
ohh icons are kinda good though
i like the icons of zen more
much nicer to fit the theme
yea thats what i said lol
looks more clean
yeye
im having the same issue too, and it doesnt look as good
hi same, are u having this issue in deepseek?
hi can you share the css to make the mozilla sites transparent like settings, extensions, etc
in the transparent zen mod, there's an option to remove the white tint or even reverse the color of it ๐
yeap, seems like something got updated with the update for Windows users. I've seen some reports sayign it's now ligthter as well. idk
afaik, it shouldn't overlap like this unless another mod or thing interfering. last time i checked, the tab list ended above the player but maybe it got changed recently
ohh. so can you share your code for that?
ohhh seems like they updated the website a bit, I will try to fix it when I'm back next week or so, if possible, open an issue in the repo cuz I got goldfish memory ๐
don't think i did any changes to the player.
https://github.com/sameerasw/my-internet/blob/main/userChrome.css
check to be sure
My custom CSS for websites I visit the most. [Away for a couple of days, issues on hold] - sameerasw/my-internet
ohh
|userchrome
tf is wrong with new discord update?
I can't use arrow keys in text field or paste snippets.
it ruined the ui
ikrrr
its optimized for horizontal tabs
also I gotta update the new ui on web as well. gotta wait till the weekend
oww
๐ญ
Why the hell make an UI that is worse than the previous one, Discord ? Now, I have a bar on the freaking top, with the name, and logo, of the server I'm in. That's like...Interface UX from more than ten year's ago !
So, if I understand correctly, they f**ked up on mobile one year ago, and now, they do it on computers.
I'll tell something : If it isn't brocken, do not fix it
If it isn't brocken, do not fix it
๐ฏ
might finally get time to fix a few issues and requests in css ๐
In the mean time, made the YT Music player bg transparent
nice cat lmaooo
also whats that wallpaper? looking juicy
a random one found in a website... might need a lil upscale
looks good enough on my 1080p monitor lmao
Just updated Discord.css, can you guys update the styles and report what are the most important things need to be fixed soon, cuz I had to completely re-do it and dev tools struggle when ddebugging this damn website
there are some new added annoying separators, I can't seems to find them but will try later
Damn! where do u live?
Sri Lanka ๐ ๐ฑ๐ฐ
The weather looks so peaceful! 
Mmm hmmm... Other than โกโ๏ธ yes ๐

