#[OLD] Minimal Zen (dark) | check Nebula thread
1 messages ยท Page 2 of 1
wait let check it out and see if i can fix it.
@rough sluice one more bug if i go to the compact mode the sidebar is completly transparent.
Again, seems to be a mac only issue, I suggest removing the part which says BLUR COMPACT SIDEBAR
So it would not be transparent atleast
wait the notch appears in the screenshots ? ๐
maybe it's because I'm using a notch tool
makes sense
noob question most likely, but this part of the first step confuses me:
set it to true and** after that press the boolean option and press the + icon to set it to true (Note: Does not work on win10)"**
I don't see the boolean option after flagging *browser.tabs.allow_transparent_browser * as true
Am on Windows 11 but transparency is only working for me on the compact side bar atm.
Sorry for the confusion, what I meant to say was set that thing to true in config and if that setting is not visible then add it by pressing + and setting it tk boolean
Just changed my font, it was default till now
It's something a bit diff now forgot the name
how do you change from Acrylic to Mica for the Browser BG?
do u have Firefox Containers enabled?
im on mac and have the same issue, the bg gradient color of the tabs seems to coincide with the color assigned to the container
can't seem to get transparency working -windows 11, userChrome seems to be recognised... not sure what I'm doing wrong, but have been over the instructions like 10 times :p Compact sidebar is transparent though
yes
gotcha thanks!
just a heads up @rough sluice if someone asks again or if you're planning to make it compatible on mac
did you managed to fix it?
Anyway to make this top bar transparent aswell?
not at all, im not familiar with browser customization. just trying to help figure out the source of the issue
can some one just make the pinned extensions a actual zen mod because this whole work around is so confusing for a noob like me
@rough sluice
im having an issue where some websites are transparent
is it possible to remove the animations when switching tabs? it seems my performance on the browser doesn't seem to well to work on
Use mica for everyone app for windows 11
Yeah the compact sidebar blur is different than windows acrylic that's why it is prb working
I would want to make it compatible on mac for sure but I don't have a mac laptop near me at all
The top and sidebar both should be transparent, use mica for everyone and add a process rule "zen" then change its backdrop filter to acrlyic
It is, #1340837003448684605
What other mods do you have
Sure, delete the first section of the code which says Animations (sameerasw)
how about when searching on the url? like popping kind animation on tab? but I dont want to remove the backdrop blur?
i can remove that zoom animation for you if you want
I mean, i'll just comment that line of code on the userChrome.css?
yeah
can you give me what line of code that will be? just removing the zooming animation when on search on the url
sure, go to the part of the code which has the heading floating urlbar animation/blur
there will be two transitions which say transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.35) !important;
remove those
keep other things the same if you want the blur
yes
looks great Thank you! I appreciate the tech support! I would want that animations again If I can only have a great specs of a laptop
no problem :)) you can download the original css anytime to get animations/otherstuff you changed back to normal
probably zen would make a feature for this kind of themes no? where users can just apply it with just one click of a button, or they can just message the author if they want it customize, but big heck of a job!! many people would like the theme you've made! hoping for more creators like you to make people happy!
THANK YOU SO MUCH!!
zen rice is gonna launch soon i hope
themes can be added easily through it
always 
Is it only for win 11 ?
what are you on
should work fine on linux
windows 10 would also work but the transparency im not sure about
sidebar would look like this
hey after I toggle compact mode the url bar gets shifted off screen, it still works when the sidebar I go back into normal view with the sidebar, is this a bug?
yes it was a known bug, i fixed it last night
lemme send updated userchrome
wait
its still not working
Beautiful. Thank you for making this. There's no way to make the acrylic/transparency any darker, right?
windows acrylic is very grey, that cant be changed thats why i made the wallpaper of the newtab the same as my desktop wallpaper so it looks very dark
Right that makes sense, Thanks. I just resize my window a lot so would prefer it to match wherever I move it. Guess I'll deal with it lol
yeah me too, but windows is like that only ๐
Can't figure out what windows does right now a days ๐
@regal rover i fixed the issue, added a command where if compact mode is set to true then the animation will not blur the background instead make its opacity to 0
thanks so much!
Thanks!
I have added it, and it cause a minute lag when opening the URL bar, can you do something about it?
well, it may be due to the blur effect of background
you can simply remove anything saying blur()
it will remove blur effect tough
blur is very intensive
if we lower intensity?
or you can reduce the amount of blur
yeah that could work to a certain extinct
make it to 10px and try
remove 2rem and make it 10px
rip
Will fresh re-install fix the win 10 transparency issue ?
no as per i know win10 does not support sidebar transparency, but maybe someone in #zeneral found a workaround for that
not quite sure
Aight, thx bro
How can I remove the default rectangle around the pinned tab? I need it without the background rectangle.
pinned tabs with no background right?
/* ------------------------- Natsumi Stuff -------------------------- */
.tabbrowser-tab[pinned]:not([zen-essentials="true"]) {
.tab-background {
background-color: light-dark(rgba(255,255,255,0.25), rgba(0,0,0,0.18)) !important;
box-shadow: 0 -1px 8px rgba(0, 0, 0, 0) !important;
border-radius: 12px !important;
position: relative !important;
transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
}
&:hover .tab-background {
background-color: light-dark(rgba(255,255,255,0.45), rgba(0,0,0,0.45)) !important;
box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.55) !important;
}
&[selected="true"] .tab-background,
&[visuallyselected="true"] .tab-background {
background-color: light-dark(rgba(255, 255, 255, 0.55), rgba(0, 0, 0, 0.55)) !important;
box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.55) !important;
}
}
.tabbrowser-tab:not([pinned]) {
.tab-background {
box-shadow: 0 -1px 8px rgba(0, 0, 0, 0) !important;
border-radius: 12px !important;
position: relative !important;
transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
}
&:hover .tab-background {
background-color: light-dark(rgba(255,255,255,0.4), rgba(0,0,0,0.4)) !important;
box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.55) !important;
}
&[selected="true"] .tab-background,
&[visuallyselected="true"] .tab-background {
background-color: light-dark(rgba(255, 255, 255, 0.55), rgba(0, 0, 0, 0.35)) !important;
box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.55) !important;
}
}
/* ------------------------------------------------- */```
delete this part of the code
would be a bit smaller for you because my current css is a bit different
So cooking something in the background?
i fixed that only pinned tabs will have a dark background not normal ones
earlier i was not able to do that but it was quite simple ๐
the urlbar transparency is different from the windows acrylic one which sidebar has
i think your sidebar transparency not seem to be working
are u a bot
bros online 247
hey guys, does anyone here use linux(fedora)
no
or am i? 
hey op can u guide me what to do to get that look on my fedora ? i am new here
sure, i have not tested this mod for linux based distro's but i think it might just work
go to about:config and search this and set it to true
yeah did
also this
yes this too
ok then go to about:profiles and open the root release folder
there would be a chrome folder inside that, open that folder and drop this css in there
@rough sluice I also want the default tab background to be restored in the pinned tabs, as you can see, it doesn't match.
you mean the fade effect?
the new tab page doesnt show the blur effect ?? did i do something wrong
this is not the new tab page, download the firefox extension named bonjourrr
make that as the tab page
anybody know how to move menus like when you click on url bar or when installing firefox extensions in compact mode?
ohh there is an extension for that !! thanks
they are centered on side menu which makes half of them not visible
wdym
ahh ok, thanks!
but its not working lol
/* Ensure floating URL bar stays centered when a new tab is opened /
/#1275869795941744640-window[windowtype="navigator:browser"] #urlbar[open] {
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) scale(1) !important;
}*/
after commenting out this
it's in the cetner
so something wrong with that part
Oh!
wtf it worked
thankssss!
omg it was so simple ๐
never thought that part was the problem
only thing is that's a little bit larger now
no problem, also, great work with the theme, it's really great
made me switch from librewolf to zen
/* Scale down URL bar in compact mode */
:root[zen-compact-mode="true"] #urlbar[open] {
transform: translateX(-50%) translateY(-50%) scale(1) !important;
}
this fixed the issue
#1275869795941744640-window[windowtype="navigator:browser"] #urlbar[open] {
transform: translate(-50%, -50%) scale(1) !important;
}
yeah
i was on this issue since last day i thought of making it so that the blur only happens when sidebar is not compact that fixed the issue
but damn thanks
np, least i can do is help with debugging ๐
Yes, it will look better without the fade effect.
yes
i added the fade effect because when there are lots of tab opened, there is no fade effect between the workspace icon and the tabs so it looks rly weird
you can remove it ofc
How can I do that? I don't have much knowledge about coding. ๐
let me send you a css
also fixed some issues with the mod in this css
Do I simply need to paste the code into the CSS file?
replace current file with this one
It features a smooth animation when switching between tabs. ๐ฅ
yes
also the urlbar animation is fixed and cleaner now
Is it possible to add a copy link icon to the URL bar, similar to how it's done in Arc?
good idea, lemme see what i can do
@tranquil anchor you could have this small button directly above the urlbar if you want
I have the same issue on Windows 11. That color is the same as the Firefox Container. Removing natsumi didn't fix it
send screenshot
what version of zen is this, also which mods are you using
on windows 11 it should definitely work like this
Version 1.8.2b
Now I installed other mods, but it happens when I installed from zero only with the mods on the steps
hmm
how to enable miniature of tab?
also, I changed browser.tabs.allow_transparent_browser to false, because some websites didnt work well
the compact sidebar?
i mean this quick glance at tab content
yeah some websites which doesnt have a background looked completely transparent but dont think thats the issue right now
nop, same issue
strange, I don't have it
I will try with a fresh installation
weird
search it in settings
search preview
are you on twilight branch?
nope
then no ideas why I don't have it
i use release version, twilight is very unstable for me
windows only version maybe?
maybe, I've checked on linux and macos
browser.tabs.hoverPreview.enabled to true in about:config
if someone have issue like me
๐
where is the wallpaper .zip file ?? anyone ?!
this
W
I couldnt figure out how to make bonjourr transparent tho ๐ญ
it cant be
transparent background would look shit because windows acrylic turns black into grey
Tanay sent a css config right?
Ahhh
so i keep it the same as my wallpaper, does the trick for the most part
Yepp seem to work, although i the top bar didnt go translucent with mica
:(
did you enable transparancy effects in config?
pretty sure i ahve
leme check
browser.tabs.allow_transparent_browser?
yes its true
hm weird
why is transparency not working for so many people
works fine on my win11
It works when not in compact mode
isnt sidebar of compact mode different. i think mica for everyone doesnt affect it.
yeah it doesnt
wait how is your sidebar so nice blurred
Dont ask me man ๐ญ Even the userChrome.css isnt showing up in dev tools
It works so im not touching it
wow lmao
Its something.
try increasing the toolbar contrast thats all i can think
Whdre what
the grey one?
holy shi windows acrylic actually looks amazing now
yess!!
how to make the search bar in zen while creating a new tab blur effect??
it is already blur effect
mac users ๐ญ
the background blurs other than the tab where i type isnt
send screenrecording
ye the sidebar blur is way nicer on windows
restarting the browser fixed the issue
s hello
what is the issue
do you have mica for everyone?
whats mica
anymore tips on getting transparency working on Win11? I've got the latest userchrome.css, Mica For Everyone with a zen rule set to acrylic (tried Mica as well), all configs and mods setup as instructed and triple checked. Sidebar transparency working on compact, but might be SoL in non-compact I'm guessing.
windows 10?"
its win11
do you have battery saver or smth,
oh
no
enabled transparency effects in windows?
its on
is the mod working btw? besides transparency
thank i went on github it was not showing
do we need to copy all file from it
@plain flame Just a question, do you have transparency in your sidebar?
There should be installation guides
download this only
thend after that what i need to do
open it
First install that thing.
it will install micaforeveryone
@rough sluice Uhh... Just a question, can we get a similar media control, like Arc in the sidebar?
that can not be added by css, only the dev's of zen can add it
its a very requested feature so lets see
im also waiting for it ๐ค๐ป
mica downladed
its on 98 percent
okay wait for it to download
Oh! So whats special about your media control animation?
you mentioned in one of the first mesasages
oh, that is different thing
wait lemme show
what now its downloaded
do what i told you
Alright now open the application?
add a process rule "zen" by clicking the + ico
you can mute/unmute the tab and it has a cool little audio animation
okay now change the backdrop filter to acrylic
and scroll down and do enable blur behind
Oh! I think I already have that?
yeah i guess arc2.0 took it from lacuna aswell
do u mean enable blur behinde
okay i did it already
๐ ๐ ๐
s next step
is it transparent?
do i need to relauch it
no
yes
or you can
i didnt need to relaunch it but try
If he doesn't have sidebar transparency as well, I guess he has the same problem as mine.
nope
rip
nope
damn dude so many people dont have transparency
wtf???
YES! This is what did it for me, transparency effects were off in Windows ๐คฆ๐ฝโโ๏ธ looking lovely now
๐ญ
lmaoo, it looks soo good now
I guess we both have to admire our NON-TRANSPARENT ZEN!
its little bit diffrent
try the latest userchrome i fixed some minor issues
it is? means it is working
it does! thanks so much for the help and making this rad theme
โค๏ธ just hope yall like this theme
AHH THEM I'M LONELY
not sure
open the sidebar
ok thanks god
lmaoo
@warm kayak have you ever optimized your windows or anything
side bar is no
send screenshot with sidebar open
its like this
put zen above a more colorful wallpaper then try
Uhh.. as I said that I have a custom OS called Atlas OS and it enhances latency and FPS so, it does some tweakings for that. But as per this post they also have Atlas OS and their transparency seems to be working.
https://discord.com/channels/1088172780480114748/1339873768629342301
ohh
is atlanta os like an extension for windows? or diff
no its not working
thats weird, seems like a windows issue to me
thanks for ur help
Uhh a spearate OS
i see
maybe it is windows issue
It's windows basically but tweaked for FPS and better latency
improve latency*
gotchya
thanks for help bye
byee
@rough sluice Is there a shadow behind the URL bar? Also, could you make the active state a bit whitish, similar to the default style in Zen? I'd like to see something like what Arc is doingโit looks good too.
yeah there is, you can do that by changing the background rgba(0, 0, 0, 0.1 or something) to a brighter white color for these elements
i have made sections in my css to find them
What is the name of that section
for urlbar, search for #urlbar and make sure it does not say [open] after that
Can we add a Clear button like Arc has which will clear all the active tabs? I have seen a extension, but design wise-it's not good.
could be made with js but its not supported by zen customization
Umm is there a Documentation or anything for customizing Zen using CSS?
no but css can only handle styling not features itself
that is done by js and zen does not support custom javasripts
alright
also i dont even know even a c about coding ๐ i just copy and paste stuff
I have a basic knowledge and most of the things I build is either by the support of AI or following tutorials, or just randomly doing random stuff.
same, i just use chatGPT he my bro ๐ฆพ
lmao same here so true
the animation on pop up browser/glance tab is extremely choppy any fixes? or where to control this one in the css

might be due to high resource usage, delete the first part which says animations
where is the link to userchrome.css?
I can see the instruction but not the userchrome.css or any other link
thanks, how do i remove the bounce animation on the glance tab?
use the new userchrome
@subtle stag
this looks incredible... Any chance you could send a video here of the new animations you added? Or at least, a rough explanation of where ill find then when i try this out?
Is there a way to make the URL bar stay fixed while typing like arc 2.0
how can i have the sidebar always show tab icons but still expand on hover?
like this, but have it expand on hover
mine has this translucent box now for some reason
probably mica?
Okay, not mica or acrylic
Nice name
not currently possible. Theres a mod for it, but as far as i last heard its broken
thats too bad. whats the mod anyway?
might be fixed now, not sure
dont personally use it
sadly its very broken
looks like the author is actively working on it still... might just be struggling to get it updated in the official mod store (it can be a little slow due to the manual review process) https://github.com/Uiniel/zen-mods
theres def some compatibility issues with this theme. it would take someone who knows zen and css better to figure it out
Download the rar and extract it
can you extract rars on windows without any other software?
Idts
Winrar or 7z can do it
you mean when the floating urlbar keeps changing its size and stuff, yes i am working on fixing it it will be in the next update
i think there is a mod for tha t
not sure
a mod is interfering with the sidebar, btw holy shit looks great
no you can do that
windows can unzip files without winrar
oh its windows 10
windows 11 can do that
hmm if you want i can send you images seperately
๐
Fr
seem to have removed it
rippp im gonna hev to seee
and yess, thanks to u
can you send them?
I think so, because there is like a ton of messages and if people want to see the first messages, they have to scroll like a lot.
Its supposed to be transparent to show the wallpaper right?
The transparency isnt working for idk why
the newtab nope
but sidebar should be yes
you are on windows 10 thats why its not working
no way to make it work on win 10?
transparency effects like acrylic are supported on win11, i think there is a workaround to it using DWMblurglass but you would have to ask some other win10 users in this server in #zeneral
yeah, ill make a better thread
alr tysm for everything
[OLD] Minimal Zen (dark) | check Nebula thread
Yup but unfortunately it doesnt integrate properly with your theme. :(
yeah my theme is in my opinion best looking with single sidebar mode
try downloading drmblurglass
is that a zen mod or a windows app
from github
app
hmm, no idea
@rough sluice Can't we close forums? so no one messages here instead of the new post?
yeah we can
ill close this later today because people who got it from here prob will get confused
tried to do something but couldn't make it
i fixed i
it
check this out
ah i see
btw
?
what does it do? folder?
idk where did i get it but it looks like working fine
yep
oh nice, lemme try it if its working then ill add it to the userchrome
also i have moved this thread to #1347445886384345089
@sand fjord um what is this mod doing? it looks exactly the same to me as it was before
@rough sluice , you might wanna check the lacuna repo once. Made some changes and some license updates ... cheers
okay
sure
ohh
look slike this for me
it works perfectly fine for me but idk whats wrong with yours folders are too buggy i guess
um what are the changes ๐ im bad with this stuff
#1337816397123686512 message
still looks exactly the same
so we'll wait for the stable version of tab groups
they are present in the release notes
got it
perfect
@rough sluice how to fix explorer looking like this when picking a file using zen?
its happening to me too, its because of the enable blur behind feature in mfe
also the thread is moved to #1347445886384345089 come there
ill lock this thread to limit convo to the new thread