#[OLD] Minimal Zen (dark) | check Nebula thread

1 messages ยท Page 2 of 1

rough sluice
#

also made the essentials a bit better

timid sandal
#

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.

rough sluice
#

So it would not be transparent atleast

timid sandal
#

ok

#

on Bonjourr extensio settings which font you are using?

pastel condor
timid sandal
pastel condor
#

makes sense

trim compass
#

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.

rough sluice
#

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

rough sluice
proper lagoon
#

how do you change from Acrylic to Mica for the Browser BG?

eager olive
#

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

trim compass
#

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

timid sandal
eager olive
# timid sandal yes

gotcha thanks!

just a heads up @rough sluice if someone asks again or if you're planning to make it compatible on mac

timid sandal
#

did you managed to fix it?

random umbra
#

Anyway to make this top bar transparent aswell?

eager olive
coral flicker
#

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

hollow berry
#

@rough sluice

mild mason
#

im having an issue where some websites are transparent

brisk pulsar
#

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

rough sluice
rough sluice
rough sluice
rough sluice
rough sluice
rough sluice
brisk pulsar
rough sluice
brisk pulsar
rough sluice
#

yeah

brisk pulsar
# rough sluice yeah

can you give me what line of code that will be? just removing the zooming animation when on search on the url

rough sluice
#

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

brisk pulsar
#

im guessing this two right?

rough sluice
#

yes

brisk pulsar
#

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

rough sluice
#

no problem :)) you can download the original css anytime to get animations/otherstuff you changed back to normal

brisk pulsar
#

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!!

rough sluice
#

themes can be added easily through it

rough sluice
nova wadi
#

Is it only for win 11 ?

rough sluice
#

should work fine on linux

#

windows 10 would also work but the transparency im not sure about

#

sidebar would look like this

regal rover
#

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?

rough sluice
#

lemme send updated userchrome

#

wait

#

its still not working

green pawn
#

Beautiful. Thank you for making this. There's no way to make the acrylic/transparency any darker, right?

rough sluice
green pawn
#

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

rough sluice
#

yeah me too, but windows is like that only ๐Ÿ˜…

green pawn
#

Can't figure out what windows does right now a days ๐Ÿ˜‚

rough sluice
#

@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

warm kayak
#

Thanks!

#

I have added it, and it cause a minute lag when opening the URL bar, can you do something about it?

rough sluice
#

you can simply remove anything saying blur()

#

it will remove blur effect tough

warm kayak
#

But I will lose that blur

#

like there is no way without any takeaways?

rough sluice
#

blur is very intensive

warm kayak
#

if we lower intensity?

rough sluice
#

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

warm kayak
#

alright

#

Nope it still had the lag, I guess I will stick with no animation.

rough sluice
#

rip

nova wadi
rough sluice
#

not quite sure

tranquil anchor
#

How can I remove the default rectangle around the pinned tab? I need it without the background rectangle.

rough sluice
#
/* ------------------------- 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

warm kayak
rough sluice
#

earlier i was not able to do that but it was quite simple ๐Ÿ˜…

limber flower
#

the fuck? my serch bar for sidebar has transparency but not the side bar

rough sluice
#

i think your sidebar transparency not seem to be working

fathom mica
#

hey guys, does anyone here use linux(fedora)

rough sluice
fathom mica
rough sluice
#

go to about:config and search this and set it to true

fathom mica
#

yeah did

rough sluice
#

also this

fathom mica
#

yes this too

rough sluice
tranquil anchor
#

@rough sluice I also want the default tab background to be restored in the pinned tabs, as you can see, it doesn't match.

fathom mica
rough sluice
#

make that as the tab page

somber verge
#

anybody know how to move menus like when you click on url bar or when installing firefox extensions in compact mode?

fathom mica
somber verge
#

they are centered on side menu which makes half of them not visible

somber verge
#

๐Ÿ˜ฆ

rough sluice
#

yeah this is an issue in compact mode

#

im trying to fix that only right now

somber verge
#

ahh ok, thanks!

rough sluice
#

but its not working lol

somber verge
#

/* 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

rough sluice
#

thankssss!

#

omg it was so simple ๐Ÿ’€

#

never thought that part was the problem

somber verge
#

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

rough sluice
#

this fixed the issue

somber verge
#

#1275869795941744640-window[windowtype="navigator:browser"] #urlbar[open] {
transform: translate(-50%, -50%) scale(1) !important;
}

rough sluice
#

yeah

somber verge
#

I've did that and it's also working good ๐Ÿ˜„

#

looking good now

rough sluice
#

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

somber verge
#

np, least i can do is help with debugging ๐Ÿ˜

tranquil anchor
rough sluice
#

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

tranquil anchor
rough sluice
#

also fixed some issues with the mod in this css

tranquil anchor
rough sluice
tranquil anchor
rough sluice
#

also the urlbar animation is fixed and cleaner now

tranquil anchor
# rough sluice yes

Is it possible to add a copy link icon to the URL bar, similar to how it's done in Arc?

rough sluice
#

good idea, lemme see what i can do

#

@tranquil anchor you could have this small button directly above the urlbar if you want

odd current
#

I have the same issue on Windows 11. That color is the same as the Firefox Container. Removing natsumi didn't fix it

odd current
rough sluice
# odd current

what version of zen is this, also which mods are you using

#

on windows 11 it should definitely work like this

odd current
#

Version 1.8.2b

#

Now I installed other mods, but it happens when I installed from zero only with the mods on the steps

rough sluice
#

hmm

rough sluice
#

if that may fix it

somber verge
odd current
#

also, I changed browser.tabs.allow_transparent_browser to false, because some websites didnt work well

rough sluice
somber verge
#

i mean this quick glance at tab content

rough sluice
rough sluice
odd current
somber verge
#

strange, I don't have it

odd current
#

I will try with a fresh installation

rough sluice
rough sluice
somber verge
#

nothing

#

only split view is showed when searching for hover

rough sluice
#

search preview

somber verge
#

are you on twilight branch?

rough sluice
#

nope

somber verge
#

then no ideas why I don't have it

rough sluice
#

i use release version, twilight is very unstable for me

rough sluice
somber verge
#

maybe, I've checked on linux and macos

#

browser.tabs.hoverPreview.enabled to true in about:config

#

if someone have issue like me

#

๐Ÿ˜„

fathom mica
#

where is the wallpaper .zip file ?? anyone ?!

rough sluice
#

this

random umbra
rough sluice
#

why does it look even better than mine ๐Ÿ˜ญ

prime moss
#

side bar is so clean.

random umbra
rough sluice
#

transparent background would look shit because windows acrylic turns black into grey

random umbra
#

Tanay sent a css config right?

rough sluice
#

so i keep it the same as my wallpaper, does the trick for the most part

random umbra
rough sluice
#

mica doesnt make it translucent

#

try acrylic

random umbra
rough sluice
random umbra
#

pretty sure i ahve

#

leme check

#

browser.tabs.allow_transparent_browser?
yes its true

rough sluice
#

hm weird

#

why is transparency not working for so many people

#

works fine on my win11

random umbra
#

It works when not in compact mode

prime moss
#

isnt sidebar of compact mode different. i think mica for everyone doesnt affect it.

rough sluice
random umbra
random umbra
rough sluice
#

mine is kinda grey idk why

#

I GOT IT TO WORK

#

it was a mfe setting

random umbra
#

Whdre what

#

the grey one?

rough sluice
#

enable blur behind

#

makes the blur good

random umbra
#

Ah

#

Had it on in mica

rough sluice
#

holy shi windows acrylic actually looks amazing now

random umbra
#

yess!!

tawny drift
#

how to make the search bar in zen while creating a new tab blur effect??

rough sluice
vast lion
rough sluice
#

the sidebar is soo blurred i love it

tawny drift
#

the background blurs other than the tab where i type isnt

rough sluice
vast lion
tawny drift
#

restarting the browser fixed the issue

rough sluice
#

@plain flame

plain flame
#

s hello

rough sluice
#

what is the issue

plain flame
#

its full back

#

black

rough sluice
plain flame
#

whats mica

rough sluice
#

its an app

#

download it from github it will make sure zen is transparent

trim compass
#

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.

plain flame
#

its says mica not available #5824

#

mica not available #5824

rough sluice
plain flame
#

its win11

rough sluice
#

oh

plain flame
#

no

rough sluice
#

enabled transparency effects in windows?

plain flame
#

its on

rough sluice
#

is the mod working btw? besides transparency

plain flame
#

just send me link i will try to downlad it

#

the mica

rough sluice
plain flame
#

do we need to copy all file from it

warm kayak
#

@plain flame Just a question, do you have transparency in your sidebar?

warm kayak
rough sluice
plain flame
#

thend after that what i need to do

rough sluice
#

open it

warm kayak
rough sluice
#

it will install micaforeveryone

warm kayak
#

@rough sluice Uhh... Just a question, can we get a similar media control, like Arc in the sidebar?

rough sluice
#

im also waiting for it ๐Ÿคž๐Ÿป

plain flame
#

mica downladed

rough sluice
#

okay

#

open it and on the bottom click the + icon

#

add new process rule named "zen"

plain flame
#

its on 98 percent

rough sluice
warm kayak
#

you mentioned in one of the first mesasages

rough sluice
#

wait lemme show

plain flame
#

what now its downloaded

rough sluice
rough sluice
warm kayak
rough sluice
#

add a process rule "zen" by clicking the + ico

plain flame
#

its open

#

did it

rough sluice
# rough sluice

you can mute/unmute the tab and it has a cool little audio animation

rough sluice
#

and scroll down and do enable blur behind

warm kayak
rough sluice
plain flame
#

do u mean enable blur behinde

rough sluice
plain flame
#

okay i did it already

rough sluice
#

good

#

now go to zen

#

it should be transparent

plain flame
#

i am no it now

#

on

warm kayak
plain flame
#

s next step

rough sluice
plain flame
#

do i need to relauch it

rough sluice
#

no

warm kayak
rough sluice
#

or you can

warm kayak
#

uhh maybe

#

I guess?

rough sluice
#

i didnt need to relaunch it but try

warm kayak
#

If he doesn't have sidebar transparency as well, I guess he has the same problem as mine.

plain flame
#

nope

rough sluice
#

rip

plain flame
#

nope

rough sluice
#

damn dude so many people dont have transparency

plain flame
#

wtf???

trim compass
warm kayak
#

I guess we both have to admire our NON-TRANSPARENT ZEN!

plain flame
#

its little bit diffrent

rough sluice
rough sluice
trim compass
rough sluice
warm kayak
plain flame
warm kayak
#

I haveBRUH

#

IT'S WORKING

#

RIGHT?

rough sluice
plain flame
#

ok thanks god

rough sluice
#

@warm kayak have you ever optimized your windows or anything

plain flame
#

side bar is no

rough sluice
plain flame
#

its like this

rough sluice
warm kayak
rough sluice
#

is atlanta os like an extension for windows? or diff

plain flame
rough sluice
plain flame
#

thanks for ur help

warm kayak
rough sluice
plain flame
warm kayak
#

improve latency*

plain flame
rough sluice
#

byee

tranquil anchor
#

@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.

rough sluice
tranquil anchor
rough sluice
warm kayak
#

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.

rough sluice
warm kayak
rough sluice
#

that is done by js and zen does not support custom javasripts

warm kayak
#

alright

rough sluice
#

also i dont even know even a c about coding ๐Ÿ˜‚ i just copy and paste stuff

warm kayak
rough sluice
#

same, i just use chatGPT he my bro ๐Ÿฆพ

static zephyr
#

the animation on pop up browser/glance tab is extremely choppy any fixes? or where to control this one in the css

real onyx
rough sluice
subtle stag
#

where is the link to userchrome.css?

limber flower
#

scroll up to first line

subtle stag
#

I can see the instruction but not the userchrome.css or any other link

static zephyr
limber flower
#

@subtle stag

subtle stag
#

thank you so much

#

i was looking at the first msg

limber flower
#

firs msg should also have the files

#

its too up to check anyways

rough sluice
rough sluice
rough sluice
#

Nebula | A minimal zen theme

#

Nebula | A minimal Zen theme

rough sluice
sharp totem
#

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?

sand fjord
#

Is there a way to make the URL bar stay fixed while typing like arc 2.0

mild mason
#

how can i have the sidebar always show tab icons but still expand on hover?

#

like this, but have it expand on hover

random umbra
#

probably mica?

#

Okay, not mica or acrylic

vast lion
#

Nice name

sharp totem
mild mason
sharp totem
#

might be fixed now, not sure

#

dont personally use it

mild mason
#

sadly its very broken

sharp totem
mild mason
#

theres def some compatibility issues with this theme. it would take someone who knows zen and css better to figure it out

knotty laurel
#

uhm

#

how do i download the wallpapers

#

i only see how to download them as a .rar?

real onyx
knotty laurel
real onyx
#

Winrar or 7z can do it

rough sluice
rough sluice
#

not sure

rough sluice
rough sluice
#

windows can unzip files without winrar

knotty laurel
#

how?

rough sluice
#

windows 11 can do that

#

hmm if you want i can send you images seperately

knotty laurel
rough sluice
#

guys why is the banner of this thread gone? ๐Ÿ’€

#

shit looks like this ew

warm kayak
rough sluice
#

rn it looks like shit

random umbra
random umbra
knotty laurel
warm kayak
knotty laurel
#

Its supposed to be transparent to show the wallpaper right?

#

The transparency isnt working for idk why

rough sluice
#

but sidebar should be yes

#

you are on windows 10 thats why its not working

knotty laurel
#

no way to make it work on win 10?

rough sluice
#

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

rough sluice
rough sluice
#

[OLD] Minimal Zen (dark) | check Nebula thread

mild mason
rough sluice
knotty laurel
#

no transparency makes it so much worse

#

but its still really great

rough sluice
knotty laurel
rough sluice
#

from github

rough sluice
knotty laurel
rough sluice
#

hmm, no idea

warm kayak
#

@rough sluice Can't we close forums? so no one messages here instead of the new post?

rough sluice
#

ill close this later today because people who got it from here prob will get confused

sand fjord
rough sluice
#

it

sand fjord
#

yeah its fixed

#

i tried to do something with grok but it didn't work like this smooth

rough sluice
#

ah i see

sand fjord
#

btw

rough sluice
#

?

sand fjord
#

for tab groups

rough sluice
#

what does it do? folder?

sand fjord
#

idk where did i get it but it looks like working fine

sand fjord
rough sluice
#

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

sand fjord
#

with this it looks like that

#

this is without it

real onyx
#

@rough sluice , you might wanna check the lacuna repo once. Made some changes and some license updates ... cheers

real onyx
#

sure

rough sluice
rough sluice
sand fjord
#

it works perfectly fine for me but idk whats wrong with yours folders are too buggy i guess

rough sluice
sand fjord
#

#1337816397123686512 message

sand fjord
#

so we'll wait for the stable version of tab groups

real onyx
rough sluice
real onyx
tawdry delta
#

@rough sluice how to fix explorer looking like this when picking a file using zen?

rough sluice
#

also the thread is moved to #1347445886384345089 come there

fading cobalt
#

ill lock this thread to limit convo to the new thread