Lacuna - A minimal zen theme

[hearty quarry]

Dots : https://github.com/Tanay-Kar/Lacuna

[lime turret]

Wow, I thought it was really good, well built, I really liked it. Congratulations.

One of the things I thought it could have was automatic adjustments for light theme, but that's a personal thing, because I end up switching between dark and light a lot during the day.

Another thing is the part of the line that appears above, but this came recently due to the last update in Twilight.

[hearty quarry]

That's a very valid idea

I will implement it soon

[hearty quarry]

Ah haven't got the chance to test it on twilight yet

Will do and let you know soon

[hearty quarry]

And thanks mate ... Appreciate it

[quaint stag]

What are you using for blurring zen?

[frigid socket]

Hot dang, come apply to be a cheff in the Custom Themes server! This is great!
https://discord.com/channels/1320850992077471824/1320858237901340713

[hearty quarry]

Sure man 😃

[hearty quarry]

I'm on gnome ... So I just used the blur my shell extension

[spiral mortar]

hi! i couldn't get the transparency to work. how did you implement it?

[wheat meteor]

You can try this

/------------ Browser Transparency ------------/
@-moz-document url-prefix("chrome:") {
#statuspanel {
margin: 10px !important;
}
#statuspanel-label {
border-radius: 10000px !important;
padding: 2px 10px !important;
border: 1px solid var(--zen-colors-border) !important;
background: var(--zen-colors-tertiary) !important;
}
}

#navigator-toolbox {
background-color: rgba(0, 0, 0, 0) !important;
}

#1275869795941744640-window {
background-color: rgba(
0,
0,
0, 0
) !important; /Modify the last value, like, here 0.25, to increase or decrease the brighness of the mica/blur/translucency/
-moz-appearance: none !important;
appearance: none !important;
background-image: none !important;
--zen-main-browser-background: rgba(0, 0, 0, 0) !important;
}

[spiral mortar]

i got mica installed and setup on zen

still wont work unfortunately

[pallid parrot]

is this not compatible with light mode?

[hearty quarry]

I will be making it more compatible for light mode soon

My exams are absolutely killing me rn

[hearty quarry]

For the compact mode , transparent toolbar by default uses the colour/gradient you've set for zen

The gradient you've set from the change theme color menu

I will add a config for that soon but for now

[hearty quarry]

Set the background value to transparent

[still tiger]

Hi, was wondering how u got the taller tab heights, couldn't find it in the css

[hearty quarry]

.tab-background {
  height: 40px !important;
}

[still tiger]

ty

[hearty quarry]

you're welcome

[worthy violet]

The blue top border is added in the latest firefox update

It can be fixed with css tho

[hearty quarry]

As of now , i'm not really gonna fix this bug

i'm gonna wait for zen to add it natively

[small herald]

Maybe it's not 100% relevant, but can you point to the exact wallpaper? I cannot find it in Unsplash collections.

[hearty quarry]

sure lemme check

[hearty quarry]

https://unsplash.com/photos/a-large-body-of-water-surrounded-by-a-lush-green-field-Kx9p4imkgs8
There you go

Bonjourr uses https://unsplash.com/collections/jSaULAjnN5g/dark-academia and https://unsplash.com/collections/6iHCDyFf_Ig/dark-nature collections for its image source

[hearty quarry]

light mode 👀

will release this soon after a few refinements

[worthy violet]

cool

[hearty quarry]

@lime turret The latest version now has light mode support

please let me know if there are any bugs or weird bits ... thanks

[pallid parrot]

thank you, i will test it tomorrow.

[karmic monolith]

Hey dude, I wanted you to konw that I am pretty new to zen browser but I think this theme is really cool!

[plain warren]

config? 👀

[plain warren]

same

[karmic monolith]

I keep being bewildered by the amount of stuff you can do in it, then I forget what I just saw like an hour ago lol

[hearty quarry]

Sure

[hearty quarry]

Thank you very much

[hearty quarry]

It is in the GitHub repo

[still tiger]

Hi, love ur theme, how do i get rid of the pink lines in tab groups?

[lime turret]

It turned out really well, I tested it on Zen stable version and it worked fine.
However, I also tested it on Twilight and it ended up being quite buggy, I don't know if it will get buggy in the future in the stable version.
But once again, congratulations, it turned out really well.

Edited:
I ended up reopening the stable version and it updated. The only problem that remained in the stable version was the tab lines, apart from that nothing else.
Taking a quick look at the CSS, I think there is a new div that represents this top line.

[hearty quarry]

Appreciate the feedback mate

But for now I'm not going to update the tab groups css for , I really want zen to add it native first (which is gonna be soon)

Cheff really discourages the use of custom tab group css

[still tiger]

is this a normal thing? my url is not centred

[cedar isle]

--tab-group-color: none !important; under tab group css fixed it

[hearty quarry]

It is supposed to be centered

Lemme check what could be causing it

[still tiger]

Ty!

[hearty quarry]

can you access your browser toolbox ?

i wanna see what exactly is on the side

i don't have anything there

[still tiger]

u mean this?

[hearty quarry]

no not that one

giving you a link one sec

[hearty quarry]

https://docs.zen-browser.app/guides/live-editing
follow these steps

you'll have to open the browser toolbox ... with ctrl + alt + shift + I

[still tiger]

oen sec

[hearty quarry]

sure

[still tiger]

is there another way to open it, shortcut doesn't work

[hearty quarry]

ah sure

go to the application menu>more tools> browser toolbox

[still tiger]

in the files?

[hearty quarry]

no in zen

[still tiger]

oh damn i dont have it

maybe cus im on mac?

[hearty quarry]

no no that shouldn't be the issue

eh nvm

the link where it wasn't centered , could you hover there on the urlbar

maybe see if it was some button or smth

[still tiger]

i think its cus of this button, i don't have this issue on sites without this button

[hearty quarry]

alrighty

[still tiger]

am i doing it right? This is the bottom part of the tab group css

tab-group:hover {
background: color-mix(
in srgb,
var(--tab-group-color-invert) 30%,
transparent
) !important;
transition: background 0.2s ease;
}

--tab-group-color: none !important;

}

[hearty quarry]

Could you confirm if you have any other css apart from lacuna

which might be interfering

This is on twilight

that info button is set to show on hover only

[still tiger]

nope can u show me which part of the css is responsible for the info button? i'll take a look

oh my god nvm its this mod

sorry for the trouble

[hearty quarry]

Ah lol

Np

[cedar isle]

tab-group { --tab-group-color: none !important; }

[still tiger]

tysm!

[still tiger]

Hello, I was wondering if there's an option to make the second row of the essentials fill out the entire row? I'm using superpins.

[haughty shuttle]

adding 1 more essential

[still tiger]

is it possible to make the two tabs automatically fill out the row?

[haughty shuttle]

dont think so

[small herald]

Is there an easy way to fix tab group names being cut off after first 2 letters?

[hearty quarry]

That's weird , I'm sorry though , I won't really work for the tab groups for now

[small herald]

Sure, no problem, I'll try to find a workaround on my own

[hearty quarry]

Yeah

[hearty quarry]

chat, what do yall think of this ?

better animation for the audio indicator thingy

[frail pilot]

you could play around with the width of the tabs using superpins but I don't think you can just change those two specific tabs, no

[frail pilot]

how do you close the browser without any closing buttons?

[hearty quarry]

the closing button are hidden in the top bar

i'm on single toolbar mode

[frail pilot]

huh 😭

[hearty quarry]

my window control buttons are hidden

[frail pilot]

closing buttons are hidden in single toolbar mode?

[hearty quarry]

yeah on non mac devices

on mac they are shifted to the left

[frail pilot]

ohhh

[hearty quarry]

yeah lol

[frail pilot]

is it possible to hide them on multiple toolbars mode?

the urlbar gets quite cluttered in single toolbar

[hearty quarry]

try lacuna

it hides most of the icons unless you hover over it

[frail pilot]

i meant while hovering, yeah

[hearty quarry]

this is my urlbar for example

[frail pilot]

I'll try it though

[hearty quarry]

ah that... sure

uhm idk , you could maybe set window controls box to display:none

and transition it on hover

[frail pilot]

for example when you try to click on it to search something else, the icons get in the way

[hearty quarry]

hmm yeah

[frail pilot]

does lacuna include essentials' background to be the same colour as the site logo?

that's pretty cool

[hearty quarry]

it makes some changes to it but the core feature is in zen as well

lacuna makes it a bit more contrast-ty

[frail pilot]

oh really? mine are just monochrome, maybe it's my theme

[hearty quarry]

try setting zen.theme.essentials-favicon-bg config to true

[frail pilot]

where do I find this?

[hearty quarry]

in about:config

[frail pilot]

ah, got it, thanks!!!

[hearty quarry]

the url is about:config

[hearty quarry]

no problem mate

[soft saffron]

how do u have tab folders?

[soft saffron]

how do you have tab groups

[still tiger]

idk if it works tho last time i used it my tab gruops crashsed

[soft saffron]

are the tab groups only avaible for the unpinned tabs?

[still tiger]

dont know about that but #1335963848087306333 message take a look at this

[noble ibex]

i would like to express my interest in this query

[still tiger]

huh

[still tiger]

hi @hearty quarry do u have plans on fixing tab groups https://discord.com/channels/1088172780480114748/1337816397123686512 ?

[hearty quarry]

I can add it here ... but i won't recommend it

[still tiger]

ty

[hearty quarry]

Aight for all those who wanted tab groups

credit where credit's due

i will not add this to the repo

[still tiger]

tysm!

[hearty quarry]

you're welcome

[still tiger]

Hello, is this section the css for the search bar?

/* === URL BAR CUSTOMIZATION === */

If so, is there an option to increase the height of each suggestion? I can't seem to find it in the url bar customization section

[hearty quarry]

Uh yeah it is

[hearty quarry]

I'll let you know

[still tiger]

ty!

[hearty quarry]

For search suggestions ...

.urlbarView-row[type="search"] {
  min-height: 50px !important;
}

i'll add it to lacuna

[still tiger]

tysm!

[hearty quarry]

also make those images rounded

for search

[still tiger]

😎 lacuna's so good

[hearty quarry]

thanks mate

the latest release will get some cool stuff

blurred window when urlbar's open , better audio indicator , better essential background and stuff

imma compile em all into a single release

[still tiger]

ok hyped for it

[still tiger]

yo any suggestions what i should tweak, cant seem to get it as clean as urs

[cedar isle]

you can use a new tab extension

and add the same wallpaper as your desktop

or anything similar to your desktop

like in the lacuna picture

[still tiger]

oh i dont normally use new tab, but any comments on the sidebar?

[cedar isle]

i mean if im being honest it does look clean

i think what gives away the cleaner look for lacuna's theme is that its in a darker tone which works well for dark buttons too

while in your case the background is lighter compared to the button color

idk thats what i came across

[still tiger]

ohhhh maybe thats why

[still tiger]

do u have any idea how to increase the height of this?

[cedar isle]

#urlbar {
height: [insert value here] !important;
}

[still tiger]

tysm looks so much better!

[cedar isle]

no worries!

[hearty quarry]

that's almost similar to how i've got it

get the wallpaper , and if you want the new tab

and you'll be set

[still tiger]

[hearty quarry]

lacuna doesn't add extravagant stuff, just makes minor quality of life changes

default's good

imma release the next version today

[cedar isle]

Ws

[still tiger]

yessss fireeee

[hearty quarry]

https://github.com/Tanay-Kar/Lacuna/releases/tag/v1.0.3

🤞

audio indicator ... now more functional on collapsed mdoe

Better contrast for essentials

Blur for an added focus on the urlbar

God i might actually be in love with light mode

[cunning mural]

that is so cutee !

[haughty shuttle]

Newtab page got extensions?

[half patio]

This theme keeps getting better

I'll need to try it out for a week

[wheat meteor]

Bonjourr

[past dove]

how do i get bluurrr

@hearty quarry

[split jolt]

How do make pins look like essentials? And how do remove the text zoom when the tab is active?
@hearty quarry

[split jolt]

try mica

[past dove]

not working

[split jolt]

add zen as a rule

[past dove]

ok

[past dove]

still not working

@split jolt

[split jolt]

try restart zen?

for me it's working fine

try also delete custom theme colors for zen, just leave it empty

[past dove]

restarted not working

[past dove]

@split jolt

[split jolt]

[split jolt]

Did you turn off Windows transparency effects?

turn it on if you did

[past dove]

it workeddd

lets go

iit looks soo god

god mode

@split jolt

[split jolt]

[still tiger]

niceeee

[past dove]

i would love if the tabs were not so dark but light and blurred

can someone do that?

[hearty quarry]

Thanks

[hearty quarry]

Thanks

[hearty quarry]

Bonjourr ... The github repo has the config file for it

[hearty quarry]

Thanks man ... Appreciate it

[hearty quarry]

You can choose the light theme in firefox addons page

about:addon

[still tiger]

do u think this is some clashing css issue? cus i have some of my own css

[hearty quarry]

oh damn

ohk i can replicate it

it's def a bug

thanks ... i'll try to fix it

[still tiger]

okay tysm!

[hearty quarry]

fixed

[still tiger]

ty its fixed now Good

[hearty quarry]

you're welcome

[still tiger]

im curious if its possible to make the background of pdf viewer transparent?

[hearty quarry]

should be possible

browser transparent , then setting backhround transparent in usercontent

let me see if can cook smth with this

[still tiger]

sure :)

[hearty quarry]

if it's cool i'll add it

[past dove]

wallpaper?

[hearty quarry]

there you go

[past dove]

thanks :3

[split jolt]

@hearty quarry help

[hearty quarry]

Right ... Pins

Forgot about that 😬

No worries I'll fix it soon

[hearty quarry]

Lacuna doesn't have any code for text zooming

Does it happen without the theme ?

[split jolt]

thx a lot

[split jolt]

no

[hearty quarry]

Damn

Gotta check if there's some antialiasing or smth

[split jolt]

here's a video (my settings, the problem, zen mods etc)

[hearty quarry]

From what I understood the font thickness is changing

Let me check the code

One sec

Found the culprit

[split jolt]

By the way, the audio visualizer is not in the middle in SuperPins

[hearty quarry]

The background for pinned tabs looks like from the super pins mod

By default it should be transparent

[split jolt]

yes

[hearty quarry]

I'm gonna add a pref to make them like essentials

[hearty quarry]

There's an option in super pins mod

Add bg to pinned tabs or smth

[hearty quarry]

Oh dear

[split jolt]

same

[hearty quarry]

Aight will check

[hearty quarry]

I actually don't use pins very much ... So they were just neglected lmao

Nvm I'll try to fix em by today

[split jolt]

thank you

[hearty quarry]

could you show me your super pins configuration

First is with no hover , second is on the tab or hover over the tab

[split jolt]

Ok, my mistake, it's because of the Hidden Reset Button mod

Without it, the audio visualizer is exactly in the center

[hearty quarry]

oh lmao

alrighty

[hearty quarry]

yep that's what i'm saying

[split jolt]

So Lacuna works fine with the “Hide the reset button on pinned tabs” option in the SuperPins mod, but does not work correctly with a separate mod.

I don't know why I had a separate mod when this feature is in the SuperPins mod, so I'm sorry, my bad

[hearty quarry]

is this fine , the pinned tabs and the essentials can have same bg and hover via a pref

[split jolt]

Cool, thx

[hearty quarry]

sure , lemme commit it to the repo

[green stone]

do you have a full res image

from a website or lossless image hosting or something?

[hearty quarry]

i'll just give you the unsplash link

[green stone]

yess

[hearty quarry]

https://unsplash.com/photos/aerial-photography-of-road-on-forest-2_mO5_qyevs

[green stone]

uh its a diff aspect ratio

[hearty quarry]

it is

i got it cropped

for 16:9

idk i think it's the original source

[green stone]

same

looks a bit pixelated but works

eh. windows acrylic is something else lmao

[hearty quarry]

jesus

[green stone]

idk why windows grey's everything out

[hearty quarry]

ye it unsaturates it ig , puts an overlay

i prefer manual control tho

instead of setting browser transparency , i set the overall opacity a bit lower

see how the music visualizer shows up a lil bit

eh personal preference

[green stone]

looks amazing ngl

[hearty quarry]

thanks

[hearty quarry]

ooo yeahh

on latest version of lacuna

[still tiger]

yo @hearty quarry have u figured out how to remove the background?

[hearty quarry]

sorry man , completely forgot about that

just got out of my exams yesterday

i'll get to it soon

[still tiger]

oh ty

ill be having my mock exams real soon and i'll be viewing a lot of pdfs lmao

[hearty quarry]

lol

i'll get it to it soon

[still tiger]

i dont know if u use smaller compact mode mod, but i found out that when it is enabled, the upper part of the url blur breaks

i dont have additional url bar css, can someone verify this?

[hearty quarry]

Lemme check on sec

[hearty quarry]

confirmed sigh

[past dove]

yooo

[hearty quarry]

sup

[hearty quarry]

try it again after updating

it's fixed ig

you'd need to enable a config tho

lacuna.urlbar.smaller-compact-mode

[still tiger]

ok lemme try

[hearty quarry]

kk

[still tiger]

so u made ur own smaller compact mode?

[hearty quarry]

no

it needs a weird workaround

so i just set it to if the user has the mod they can just go and enable the conf

you'd still need the mod installed

[still tiger]

damn its fixed thats insaneeee tyy

[hearty quarry]

you're welcome dude

and imma get back to the pdf thing

i gotta set it such that , it doesn't cause all those nasty transparent bg quirks

[still tiger]

which do u prefer lol

[still tiger]

ye it can get annoying at times

[hearty quarry]

i personally prefer the no background one , but with pins being in a grid , the coloured one looks better

looks more consistent with the essentials

[still tiger]

spicyyy

[hearty quarry]

ye

[split jolt]

damn its cool

[hearty quarry]

Thanks mate

[split jolt]

when release?

[hearty quarry]

It's on the repo

And cheff said he would add it to native

I'll remove it when he does

[split jolt]

i see

[green stone]

i tried your css file, can i change the tint on the acrylic to be a bit darker??
?

wasnt able to find a setting to do that

[hearty quarry]

tint for the browser isn't in lacuna

you'd have to change the theme colour or smth ig

i don't know how it works on window

[green stone]

i had a small code on my original userchrome but i tried to use it in this
it didnt work idk why

  background-color: rgba(0, 0, 0, 0.5); /* semi-transparent black */
 
}```

i think this does the trick

[hearty quarry]

hmm

[green stone]

the dark tint on the essentials look great tho

[hearty quarry]

thanks

[hearty quarry]

the native one looked a bit washed out imo

[green stone]

yeah

[hearty quarry]

yeah sorry dude's it getting wayy too complicated

there are like a billion divs which can change colour but none make it transparent

u could probably search for examples from userstyles but

honestly i got better stuff to do

sorry dude

[still tiger]

no problem man totally understandable

thx for trying

[hearty quarry]

hmm thx

[past dove]

@hearty quarry

what is the tab ur using?

new home page extension?

[hearty quarry]

bonjourr

[past dove]

ok

um

@hearty quarry

[hearty quarry]

yeah?

[hearty quarry]

[past dove]

sorry i am so busy right now

um...

[past dove]

@hearty quarry do u have any idea how this dude got blur on his tab

like wth

how do we do that

[still tiger]

huh?

its new tab blur

like url bar blur

[hearty quarry]

it's in lacuna

try the latest one it has url bar blur

[past dove]

okkk

let see if work

what are ur hours btw

i am in AUS time zone

so now for me is 6:47 pm

what bout u

@hearty quarry

oh sorry didn't see u had DO NOT DISTURB on

sorry bout that

[hearty quarry]

am in India , 1pm for me

[past dove]

oh nice

u Indian?

[hearty quarry]

yeah

[past dove]

same here

I am Indian as well

[hearty quarry]

oh nice

[still tiger]

i love indian food

like butter chicken and naan

[past dove]

seriously?

had to mention that now

[still tiger]

ye i order them whenever i feel stressed

[past dove]

u just changed the topic to indian food

@still tiger

anyways,

is anyone watching the India VS Pakistan Cricket Match tonight

if anyone is into cricket here

[hearty quarry]

#general pls ... thanks

[still tiger]

oh lmao my bad

[hearty quarry]

lol nw

[past dove]

lol yh

forgot

thnks

[hearty quarry]

np

[green stone]

is half of this server indian atp? 💀

[past dove]

prob no clue

[hearty quarry]

i could stare at this all day

i swear zen's gonna be the reason i'll switch to light mode for good

oh and btw guys

major update to the git repo soon

i'll change the main userChrome to lacuna.css , and will add an example import statement

it will make it easier to keep custom userchrome and lacuna seperate

[still tiger]

W

[still tiger]

Still think dark modes more usable in the long run lol but sure looks good

[hearty quarry]

fair

[still tiger]

i think there's some issue with the essentials border when there are only two essentials

should not be a mod issue

can u check if it happens on ur end?

[hearty quarry]

What's the issue I'm sorry ?

[dawn reef]

thanks pooks

[hearty quarry]

you're welcome

[dawn reef]

so what animations are in animations plus mod

[hearty quarry]

not much , actually imma remove it

it caused some bugs for some users

[dawn reef]

bruh

[hearty quarry]

ye lol

i mean , i didn't find any noticeable differences

[dawn reef]

oh finally floating status bar

is what i needed

and what does superpins do

[hearty quarry]

adds customizations options for essentials and pinned tabs

[dawn reef]

meh i dont need that

it looks fine

[hearty quarry]

like reduce the spacing between essentials , arrange pinned tabs in a grid , et cetra

[dawn reef]

is there a mod to make the sidebar smaller than the smallest

: (

this thing is too thick

[hearty quarry]

you can drag it

it's still too thick ?

[dawn reef]

mhm

i want like arc size

[hearty quarry]

this is how thin i can get mine to be

[dawn reef]

scam

[hearty quarry]

that's too thick ?

[dawn reef]

idk im just not used to it

[dawn reef]

how-

[hearty quarry]

valid

[dawn reef]

is this minimal

[hearty quarry]

it seems pretty minimal

[dawn reef]

i basically just removed everything

[hearty quarry]

just drag it

[dawn reef]

i cant drag any smaller

[hearty quarry]

yeah , that's called compact mode here

[dawn reef]

yep ik

[hearty quarry]

ye

[dawn reef]

hotkeys are so weird tho

ctrl + alt + c

dam

arc is just ctrl + s

[still tiger]

the first picture was missing like the left and right borders

[hearty quarry]

that i believe is a shortcoming of zen

cause it basically blurs the favicon and applies it

still , lemme check without lacuna

[still tiger]

oh lemme try updating lacuna

[hearty quarry]

left one is without lacuna

right one is with

[still tiger]

its really weird, somehow only happens to notion
probably a zen issue cus all my css are consistent with the lacuna one

think its cus the shadow is too large

[hearty quarry]

might be

[dawn reef]

du mind if i take some of ur .css and modify some small things, and share it?

: ((

[hearty quarry]

Sure

Do send the link once ur done

If you're taking quite a few elements , a credit would be nice , thanks

[dawn reef]

yes mam

[hearty quarry]

Excuse me 😭

Dude wtf

[dawn reef]

yes?

ur excused

[hearty quarry]

Sure mam

[dawn reef]

np girlll

sorry mam

[hearty quarry]

You're welcome girll 💅

[dawn reef]

check out my zrnfault rice

zenfault

[hearty quarry]

Where is it ?

[dawn reef]

this forum

[hearty quarry]

Ah alright

[past dove]

give me that wallpaper and the pins now

@hearty quarry

just kidding

got i pls get em

[hearty quarry]

Nooe

Nah just kidding

[hearty quarry]

Wdym by pins ?

[past dove]

@hearty quarry

i mean like could u give name of pins

and the wallpaper

[hearty quarry]

ah ok sure mate

[hearty quarry]

pins are wikiwand , spotify , yt music , claude , gmail and zen text editor in order

https://wall.alphacoders.com/big.php?i=594156

here's the wallpaper link

[still tiger]

do u use zen text editor?

[hearty quarry]

I do yeah

[still tiger]

yo did the update break the url blur for u?

[hearty quarry]

Yeah it did

And a few other stuff

I'll get to it soon

[still tiger]

lmao ty!

[hearty quarry]

Ur welcome

Rn gotta help em in zeneral

[dawn reef]

womp

[hearty quarry]

Alright classes ended , time to fix the problems with 1.8b

[hearty quarry]

https://github.com/Tanay-Kar/Lacuna/releases/tag/v1.0.4

Try this please

Blur has been removed from compact mode. I'm looking for a way to add it back without all those nasty bugs , but for the time being ...

[still tiger]

pog

[worthy violet]

Because the favicon (which is responsible for the bg color) is just that school icon which does not show much color when stretched

[still tiger]

Ohhh that’s why 🧠

[green stone]

my sidebar blur is still working at 1.8b

[hearty quarry]

open the urlbar

[green stone]

this?

[hearty quarry]

it opens

?

damn

[green stone]

yeah

[hearty quarry]

and it's compact mode ?

1.8b ?

[green stone]

yeah

[hearty quarry]

what mods do you have

[green stone]

wait i think its because of a script i made using chatgpt lmao

lemme check

[hearty quarry]

oh dear lord

actually nvm , that could come in handy

[green stone]

its glitching a bit on the new update

[hearty quarry]

ye that's why

it glitches in position when we add the blur

[green stone]

the compact sidebar animation is also glitching a bit too

[hearty quarry]

that's why cheff removed it from native as well

[green stone]

oh

makes sense i guess

[hearty quarry]

ye

[hearty igloo]

@hearty quarry How to increase font for text in url bar?

[hearty quarry]

Just inspect it and increase font-size

[hearty igloo]

Can you tell it with the help of screen recording?

Idk how to do that...

[hearty quarry]

Sure I will in a bit

And btw guys

Found smth for the blur in compact mode

🎉

[hearty igloo]

blur for compact sidebar?

[hearty quarry]

Yup

[hearty igloo]

I hope it's something better than this!

[hearty quarry]

Yeah

The only compromise is that the blur will be turned off when the urlbar is open

[hearty igloo]

Doesn't the sidebar automatically hides when URLBar is opened?

[hearty quarry]

It does

So it shouldn't matter

[hearty igloo]

Yeah, so it's a negligible compromise!

[hearty quarry]

But just in case if someone opens the sidebar on hover , it will pop up with no blur

[hearty quarry]

Exactly

[hearty igloo]

Ping me when it's done.😊

[hearty quarry]

Sure , I'll just make the commit now

[hearty igloo]

@hearty quarry How much time does a commit takes?

[hearty quarry]

not much , i was afk for a while

[hearty quarry]

check it now

[still tiger]

yo is there a way to hide these icons or centre the text in the url bar?

[hearty quarry]

There is

But why ?

It's better for those icons to be visible in the big urlbar , than never right ?

[still tiger]

yes but i like my search stuff centered 😭

[still tiger]

i tried inspecting it and removed two buttons, whats the name of this button? i dont see green text, first time editing css

[hearty quarry]

that's a valid problem , i'll see if i can find a solution to make it centered despite buttons

[hearty quarry]

idk go up a level in the inspector window

[still tiger]

oh turns out its an extension 😭 do u know how to remove this button?

[hearty quarry]

Set it to display none

That particular id

#pageAction-urlbar...containers {
  display: none !important;
}

This probably

[still tiger]

i used #urlbar-go-button.urlbar-icon.urlbar-go-button, #star-button.urlbar-icon, #pageAction-urlbar-_testpilot-containers{ display: none !important; } and it worked tysm!
So cleannn

[hearty quarry]

Ur welcome

I'll see what I can do about the text being centred despite buttons

[dapper rune]

it just me or my browser isnt transparent while using this

wait no nvm sorry, its just really dark, im not used to the transparency effect darkening this much

instead of that, how would I lessen the darkness of the blur, so that I can see behind zen clearer

[hearty quarry]

elaborate please

[dapper rune]

like uh, the transparency effect, how would I make it more transparent

[hearty quarry]

for the side tab bar ?

[dapper rune]

yea

[hearty quarry]

that's not controlled by lacuna

[dapper rune]

oh, mb then

[hearty quarry]

np

[hearty igloo]

Hey, have you recorded it?

[hearty quarry]

Already made the commit

Check latest release

[hearty igloo]

Not the commit!

The screen recording

to how to customize

[hearty quarry]

What for ?

[hearty igloo]

font size

[hearty quarry]

Ah that

Hold on doing that now

@hearty igloo come to dms

[still tiger]

yo is there a way to centre the url bar vertically?

[hearty quarry]

jesus i hate these types of bugs

[still tiger]

so its supposed to be centered?

[hearty quarry]

i can never replicate em and it always seem transient

idk try a restart of the browser maybe

[hearty quarry]

it is

[still tiger]

🫡

hm ```/* For moving the URL bar /
#nav-bar {
margin-top: -5px !important;
/ Reposition URL Bar*/
width: 100% !important;
align-self: center !important;
}

#urlbar-input {
text-align: center !important;
}

/* Center align */
#urlbar > .urlbar-input-container {
align-self: center !important;
}``` its this part of the css right?

tried replicating this in new profile and it works 😭

nvm imma just go to sleep

[past dove]

mine is not

[hearty quarry]

Alr I'll see what I can do

[still tiger]

yo i added this code from #css-mods message and its fixed now :))

[hearty quarry]

alr , i'll add it if it doesn't interfere with anything

[soft saffron]

omg i want this. how to get it?

[soft saffron]

how did u make the big tab area rounder?

[hearty quarry]

present in lacuna

[soft saffron]

ohh

[hearty quarry]

yeah

[soft saffron]

its legal to use lacuna in my css setup right??

[hearty quarry]

noo , i'll send fbi to your house

ofc mate

[soft saffron]

lmfaooo

lol

[hearty quarry]

just gimme credit when you do

[soft saffron]

ofc

[hearty quarry]

all good mate

[soft saffron]

where should i put these?

i remember the last time i installed lacuna it was just the userChrome.css file

[hearty quarry]

yeah i changed the directory structure

[soft saffron]

is there the copy link button on the url bar?

[soft saffron]

ohh

[hearty quarry]

there's an extension for that iirc

[soft saffron]

ohh

[hearty quarry]

now theres a lacuna.css file

[soft saffron]

yesaa

i was confused with this one

[hearty quarry]

you can ignore that

i swear i removed that

wait hold on did i forget to delete that ? lol

[soft saffron]

ohh lol

[hearty quarry]

yeah buddy

i removed it

use the latest version from main branch

[soft saffron]

@hearty quarry bro is there a way to make the background colour of the tabs less dark like the default but with the new graident??

[green stone]

arc logo tf

cursed af screenshot 💀

[soft saffron]

the font is arc asw 💀

also the app icon

💀

[green stone]

damn LmAo

i wanna see chef's reaction to this

[soft saffron]

lol 💀

[green stone]

how did ya get all this btw 👀 the smaller essentials im guessing its extensions

[soft saffron]

yea its extensions #1340837003448684605

[green stone]

ohh

tysm lemme try it

[soft saffron]

np. remember after pinning the extensions, u gotta drag them below the url bar from customise toolbar

'''/* Colouring Essentials */

#1088172782178799657-essentials-container .tabbrowser-tab {
.tab-background {
background-color: light-dark(
color-mix(in srgb, #ffffff 65%, transparent),
color-mix(in srgb, #000000 25%, transparent)
) !important;
}

&:hover .tab-background {
background-color: light-dark(
color-mix(in srgb, #ffffff 55%, transparent),
color-mix(in srgb, #000000 35%, transparent)
) !important;
}

@media (-moz-bool-pref: "zen.theme.essentials-favicon-bg") {
&[visuallyselected] .tab-background {
&::after {
left: -50% !important;
top: -50% !important;
width: 200% !important;
height: 200% !important;
filter: blur (20px) !important;
}

  &::before {
    mask-image: none !important;
    background-color: light-dark(
      color-mix(in srgb, #ffffff 65%, transparent),
      color-mix(in srgb, #000000 55%, transparent)
    ) !important;
  }
}

&[visuallyselected]:hover .tab-background::before {
  background-color: light-dark(
    color-mix(in srgb, #ffffff 55%, transparent),
    color-mix(in srgb, #000000 65%, transparent)
  ) !important;
}

}
}
'''

which part of the code only makes the gradient?

instead of the whole thing?

@hearty quarry can u pls help me
??

[hearty quarry]

Dude I gotta sleep

I'm functioning on 2 hrs of sleep rn

I'll help tmrw

Try changing the percentage here

[soft saffron]

ohh

im so sorry

[hearty quarry]

Hm

[soft saffron]

pls help tomorrow

[hearty quarry]

Yup

[vale vector]

Hey I dont know if this was in here, but I wanted a little more rounding on the viewpane and added the code. Felt like I'd share for those who want to do the same, real easy change:

use: https://zen-browser.app/mods/7d577b21-4685-4db2-bb17-d39d08eec199/

browser {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  /* Add rounded corners */
  border-radius: 20px; /* Adjust the radius how you want */
  overflow: hidden; 
}

Right at the beginning of lacuna.css

[hearty quarry]

Did you get it to work ?

Just had my classes end rn

[soft saffron]

oh hi

[soft saffron]

actually yea I removed the part which was adding the light gray colour

but im having another problem

[hearty quarry]

Oh ok

Go ahead

[soft saffron]

it is that when im opening a tab in glance the background is gone

[hearty quarry]

Hmm

[soft saffron]

this is when im in the tab

[hearty quarry]

Yeah

[soft saffron]

this is when im in another tab

[hearty quarry]

Oh god

[soft saffron]

see the background of the firefox thing is gone

[hearty quarry]

Ye got it

[soft saffron]

lemme share u my modified code

[hearty quarry]

Imma reach home and try it

[hearty quarry]

Sure

[soft saffron]

okk thanks a lot

[hearty quarry]

Hmm

[soft saffron]

/* Colouring Essentials */

#1088172782178799657-essentials-container .tabbrowser-tab {

@media (-moz-bool-pref: "zen.theme.essentials-favicon-bg") {
&[visuallyselected] .tab-background {
&::after {
left: -50% !important;
top: -50% !important;
width: 200% !important;
height: 200% !important;
filter: blur (20px) !important;
}

  &::before {
    mask-image: none !important;
    background-color: light-dark(
      color-mix(in srgb, #ffffff 65%, transparent),
      color-mix(in srgb, #000000 55%, transparent)
    ) !important;
  }
}

&[visuallyselected]:hover .tab-background::before {
  background-color: light-dark(
    color-mix(in srgb, #ffffff 55%, transparent),
    color-mix(in srgb, #000000 65%, transparent)
  ) !important;
}

}
}

[hearty quarry]

That's with or without Lacuna ?

Like the essentials bit

[soft saffron]

without lacuna

[soft saffron]

only the part which alters essentials

[hearty quarry]

yeah it will

did you try modifying the percentages in lacuna's code ?

that thing controls the transparency mix for the colours

[hearty igloo]

@hearty quarry Can you specify the code that makes compact mode sidebar transparent?

[hearty quarry]

/* === BLUR COMPACT SIDEBAR === */
/* Based on code by https://github.com/Tanay-Kar */

[soft saffron]

i dont understand 😭

can u fix my code?

[soft saffron]

this one

[soft saffron]

@hearty quarry pls help

[soft saffron]

https://github.com/YashjitPal/Arc-2.0

Gave credit to Lacuna

[hearty quarry]

hm good job

[still tiger]

is the url search bar supposed to lose its transparency in compact mode in lacuna? not sure if its my own css or lacuna

[hearty quarry]

Yep

[hearty igloo]

Why isn't URLBar transparent?

[still tiger]

Don’t know, it loses the transparency in compact mode

[green stone]

mine still has it

[hearty quarry]

that's not lacuna

[green stone]

huh

[hearty quarry]

pretty sure it isn't just lacuna

it doesn't have those borders

[still tiger]

think this is from the zen arc thing

[hearty quarry]

anywho

[green stone]

i dont have zen arc

[hearty quarry]

i removed the transparency

cause

rn adding blur to the urlbar breaks a lot of things

the position ans dtuff

and just having transparency with no blur makes it unreadable

[still tiger]

oh thats why alr ill bear with it for now lol

[hearty quarry]

yeah

unless we find a workaround for enabling blur , i'm gonna keep it opaque

[green stone]

the compact sidebar is glitching with blur effect and even without it, is it a bug?

[hearty quarry]

it is ?

[green stone]

seems like the animation is getting affected by something else

[hearty quarry]

video please

[green stone]

lemme record it

[hearty quarry]

hm

[green stone]

i deleted the old recording when this was happening even without any mods

[hearty quarry]

whats the glitch ?

i'm sorry i can't see it

[green stone]

huhh

[hearty quarry]

do you mean the sidebar blur disabling ?

[green stone]

no

[hearty quarry]

during the transition ?

[green stone]

the animation is glitching

[hearty quarry]

oh

ok

ic

[lavish aurora]

what discord theme is this?

[green stone]

lmao the background is not loading for some reason

[lavish aurora]

I prefer the black honestly, not a big fan of the image in the back

[green stone]

thats why i keep it like that most of the time

[hearty quarry]

Is the glitch very common

cause i can't replicate it , might be a one time glitch or smth

[green stone]

like once every 3 times

[hearty quarry]

hm

you on latest lacuna ?

[green stone]

but doesnt really matter because i dont use compact mode often

[green stone]

yeah, maybe its not a direct lacuna issue as i have my own css too

[hearty quarry]

hm maybe

[green stone]

i think this shows the glitch maybe

[hearty quarry]

yeah i see

[soft saffron]

@hearty quarry can u help with this one pls?

[hearty quarry]

what do want to achieve

i can't just debug a code which has snippets from everywhere

[soft saffron]

The thing. When I open something in glance and then I go to another tab the background goes off

[soft saffron]

No i gave u that one part of the code

[hearty quarry]

hm

[soft saffron]

#1088172782178799657-essentials-container .tabbrowser-tab {
  
 
  @media (-moz-bool-pref: "zen.theme.essentials-favicon-bg") {
    &[visuallyselected] .tab-background {
      &::after {
        left: -50% !important;
        top: -50% !important;
        width: 200% !important;
        height: 200% !important;
        filter: blur (20px) !important;
      }

      &::before {
        mask-image: none !important;
        background-color: light-dark(
          color-mix(in srgb, #ffffff 65%, transparent),
          color-mix(in srgb, #000000 55%, transparent)
        ) !important;
      }
    }

    &[visuallyselected]:hover .tab-background::before {
      background-color: light-dark(
        color-mix(in srgb, #ffffff 55%, transparent),
        color-mix(in srgb, #000000 65%, transparent)
      ) !important;
    }
  }
}```

[hearty quarry]

This is what it is for me with just your code

@soft saffron

[soft saffron]

For me the background doesn't stay

💀💀

[green stone]

i realized why my essentials had no border, i actually added a bit of code from natsumi and changed the left and top value in the code you sent

[soft saffron]

Oww

[green stone]

made it like this

[hearty quarry]

lol

[hearty quarry]

🤷‍♂️

[soft saffron]

I'll add your one in arc 2.0 lite

[green stone]

this is the natsumi code i added in, it also changes the selected tabs tho

/* ESSENTIAL COLOR */
/* ESSENTIAL COLOR WITH SHADOW, SPACING & ROUNDED EDGES */
#zen-essentials-container .tabbrowser-tab {
  .tab-background {
    background-color: light-dark(rgba(255,255,255,0.25), rgba(0,0,0,0.35)) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
    border-radius: 11px !important;
    margin: px !important; /* Added spacing between buttons */
    position: relative; /* Ensures pseudo-elements align correctly */
  }

  &:hover .tab-background {
    background-color: light-dark(rgba(255,255,255,0.45), rgba(0,0,0,0.45)) !important;
    box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.75) !important;
  }

  @media (-moz-bool-pref: "zen.theme.essentials-favicon-bg") {
      .tab-background {
      &::after {
        left: -0% !important;
        top: -10% !important;
        width: 100% !important;
        height: 100% !important;
        filter: blur(20px) saturate(120%) brightness(110%) !important;
      }

and this is the essential's code i changed just a bit from lacuna's code

[foggy ether]

how do I fix the url bar not centered whenever there's an icon in the url bar (like zoom icon, notification request icon, etc)

[hearty quarry]

Hmm , gotta see if there's a fix to that

[hearty quarry]

less goo

finally completed it

[still tiger]

Huh? Can u explain

[hearty quarry]

hold on

Basically , now all bottom icons except the last three can be hidden and shown on hover in a neat grid layout. Instead of a longggg sidebar full of icons

this

instead of

this

[still tiger]

Niceee do u just drag them into the sidebar just like how u normally would?

[hearty quarry]

yep

just how you'd normally do in customize toolbar mode

i applied for a mod

[still tiger]

W mod

[hearty quarry]

thanks mate

[still tiger]

just to confirm, lacuna doesnt have pip css right?

[hearty quarry]

nope

it's there as a mod , so people can just use that if they want

[still tiger]

wait wdym as a mod?

oh this

[hearty quarry]

yeah

[livid falcon]

why my extention icon is different ? or you never changed the extention icon, is SS from older version ? mine is 1.8.2b

[hearty quarry]

mine are from an older version yeah

currently lacuna doesn't change extension button icon

[livid falcon]

damn i Love that old icon I wanted to include that for my personal Use

do you have the code for that icon ? must be in older version FIles

[hearty quarry]

it must be in the previous commits

of the dev branch

[livid falcon]

Does your theme have a problem with opening Github readme Images in a new tab ?
Coz it was working fine on a fresh install

[hearty quarry]

uh no ?

css doesn't influence that anyways

[livid falcon]

Okay Trying again.

[hearty quarry]

k

[livid falcon]

Not your theme fault. It stopped working on Fresh install after only working 1 time sorry

[hearty quarry]

ok

[livid falcon]

before theme

after theme

not the theme issue something with zen i guess coz it was stopped working after sometimes on non-customized zen too

aand there where no error texts on page like other browser

[hearty quarry]

damn

alrighty lemme see if there's something

cause just css shouldn't do this

my guess is maybe some performance or smth causing the loading to take time

[livid falcon]

its not theme issue something wrong with zen ig

[hearty quarry]

could also explain why it doesn't happen on all

[hearty quarry]

yeah

[livid falcon]

firefox shows the same behaviour i mean open first time need to check again if same happening there, edge not opening the page with private content error massage

[hearty quarry]

ah ok

[livid falcon]

and why I am discussing that in theme thread lol
sorry

[hearty quarry]

lmao alright

[livid falcon]

Does anyone know how to achieve this.
The background of search icon is different from the background of Url bar

[hearty quarry]

next commit will have focus blur

-# yay

[green stone]

niceee, a better focus bar would be amazing

[hearty quarry]

whats that ?

[green stone]

the url bar thingy

to look better

[hearty quarry]

yeah the blur behind the urlbar right ?

when its open

that's what i'm saying

[green stone]

yeah

[hearty quarry]

i also want to shift its location a bit lower

[green stone]

looks nice

[hearty quarry]

gotta experiment with the perfect height

[hearty quarry]

thanks mate

[green stone]

i added a css to make it completely centered but it looks weird while typing

keeps adjusting its height

[hearty quarry]

ah ok

hmm will have to experiment with that

[still tiger]

how about this height?

[hearty quarry]

numbers ?

[green stone]

tried this, 32px background blur with some saturation and darkness animation

[still tiger]

#urlbar[breakout][breakout-extend],
#urlbar[breakout][usertyping][focused] {
    top: 65vh !important;
    width: 40vw !important;
    left: 51vw !important;
}```

i forgot who i got this from

[hearty quarry]

aight i'll look into it

[still tiger]

and i think my blur comes from sameerasw the animation looks very neat

[hearty quarry]

ah yes his animations are sweet

[green stone]

can you share the css 😋

[still tiger]

https://github.com/sameerasw/my-internet/blob/main/userChrome.css

i had to delete some part as it clashed with lacuna so ull have to fiddle with it

[green stone]

thanks

[green stone]

got it

[still tiger]

i noticed new code in lacuna /* State-less Tab background */ browser[transparent='true'] { background: light-dark(#ffffff33, #00000033) !important; } what does this do?

[hearty quarry]

For the stateless tab

Like when all tabs are closed

That transparent tab thing

[still tiger]

mine's still the same as usual

[hearty quarry]

Not this

Close all tabs

Like normal tabs

[still tiger]

this?

[hearty quarry]

Ye

Previously this had a light colour

Like this

Yk what the light colour actually looks good

Cheff cooks fr

Imma flip the colours around

[still tiger]

i prefer the darker one tho

oh i think i had sameerasw's css so it already removed the white tint

[hearty quarry]

oh lol ok

[hearty quarry]

aight

rn it does create a dark tint

[still tiger]

i think if u can add a toggle would be nice

[hearty quarry]

for dark modes and the inverse for light

[still tiger]

ye

[hearty quarry]

aight we'll see

[hearty quarry]

https://github.com/Tanay-Kar/Lacuna/releases/tag/v1.0.5.1

Added some minor visual changes

Fixed the compact sidebar and normal sidebar having different widths and stuff

[hearty igloo]

https://discord.com/channels/1088172780480114748/1340837003448684605
Hey, I tried it but can't make it work with your theme... Can you please look into it? I mean it works with something as complex as Natsumi, so I thought it would be possible to make it work with your theme as well!

[hearty quarry]

i don't really use it , but ok

i'll see how to make it work

sure np

[green stone]

are you using it properly?

you have to manually drag the pinned extension on top of essentials

[hearty igloo]

Bruh, I did mention earlier that it's working perfectly for me with Natsumi.

[green stone]

ohh

my bad 😅

[high fjord]

Hi I really like this theme, but I was wondering how I could use my own base colour, instead of the dark grey that is used normally

This is for compact mode when you hover for the sidebar

[hearty quarry]

There are three choices essentially

Either pick the same background as your workspace

or , get the default grey/white (depending on theme)

or what lacuna adds

blurred sidebar

which one do you want ?

[high fjord]

I would want the blurred sidebar, but with my colour from my browser

So the one I set here

[hearty quarry]

ok that would need a custom css

one sec lemme give you

[high fjord]

appreciate that <3

[hearty quarry]

so like blurred but with a tint of your gradient ?

right , that should be easy

[high fjord]

Yeah pretty much

[hearty quarry]

or maybe not that easy , css gradients can't be made transparent , lemme see if there's a workaround

[high fjord]

I mean it doesnt have to be a gradient

basically I just want to match my browser with the rest of my system, so can be a solid colour

[hearty quarry]

ok

i think i got an idea

i could maybe get it to work

[high fjord]

I've always had an issue matching sidebar colour with normal colour even with vanilla zen. I dont know what it is

and things like floating Url being a differnet colour to the one I set

[hearty quarry]

hmm

[hearty quarry]

:root[zen-compact-mode="true"] {
  #navigator-toolbox #titlebar {
    background: color-mix(in srgb, teal 70%, transparent) !important;
    border: none !important;
  }
  #navigator-toolbox:not(:has(#urlbar[zen-floating-urlbar='true'][open])) #titlebar {
    backdrop-filter: blur(10px) !important;
  }
}

Paste this code at the bottom , and change the teal colour with smth that roughly matches your gradient

You can adjust the percentage to control how washed you want the colour to be

i'll have to look around zen's code to find a variable which does this automatically

[high fjord]

Thats perfect. how could I go about changing the floating url bar too?

[hearty quarry]

Try this

:root[zen-compact-mode="true"] {
  #navigator-toolbox #titlebar {
    background: color-mix(
      in srgb, 
      color-mix(
        in srgb, 
        var(--zen-primary-color) 90%, /* Change percentage to control unsaturation */
        #ffffff) 
      50%, /* Change percentage to control opacity */
      transparent) !important;
    border: none !important;
  }
  #navigator-toolbox:not(:has(#urlbar[zen-floating-urlbar='true'][open])) #titlebar {
    backdrop-filter: blur(10px) !important;
  }
}

This will pick the main colour automatically

[hearty quarry]

like the background of the urlbar ?

[high fjord]

Yeah

[hearty quarry]

aight

[hearty quarry]

#urlbar[open][zen-floating-urlbar="true"] {
  #urlbar-background {
    background-color: color-mix(
      in srgb, 
      color-mix(
        in srgb, 
        var(--zen-primary-color) 30%, /* Change percentage to control unsaturation */
        #ffffff) 
      90%, /* Change percentage to control opacity */
      transparent) !important;
  }
}

[high fjord]

With this I get a much brighter one

[hearty quarry]

oh right i forgot dark themes

shoot

one sec sorry for that

[high fjord]

No worries man this is a big help

[hearty quarry]

:root[zen-compact-mode="true"]:not([customizing]) {
  #navigator-toolbox #titlebar {
    background: color-mix(
      in srgb, 
      color-mix(
        in srgb, 
        var(--zen-primary-color) 90%, /* Change percentage to control unsaturation */
        light-dark(#eeeeee,#111111)) 
      50%, /* Change percentage to control opacity */
      transparent) !important;
    border: none !important;
  }
  #navigator-toolbox:not(:has(#urlbar[zen-floating-urlbar='true'][open])) #titlebar {
    backdrop-filter: blur(10px) !important;
  }
}


#urlbar[open][zen-floating-urlbar="true"] {
  #urlbar-background {
    margin: -5px !important;
    border: none !important;
    background-color: color-mix(
      in srgb, 
      color-mix(
        in srgb, 
        var(--zen-primary-color) 30%, /* Change percentage to control unsaturation */
        light-dark(#eeeeee,#111111)) 
      90%, /* Change percentage to control opacity */
      transparent) !important;
  }
}

There you go , hopefully this helps

Imma refine this and add it to lacuna

under a pref

[high fjord]

Yes this is awesome!!

There's a slight problem though I've used the same settings for controlling the saturation as you've commented

With the same percentage the Url bar and compact sidebar appear different:

[hearty quarry]

yeah they have some changes , idk why

maybe a particular component in the urlbar has a lighter overlay

[high fjord]

Ah no it was my fault

they were both different transparencies

[hearty quarry]

Ah , lol ok

[high fjord]

Thanks soo much its everything I wanted

[hearty quarry]

Glad I could help 😄

[hearty quarry]

dude it works fine for me