#Nebula | A Minimal Theme for Zen

1 messages Β· Page 6 of 1

coarse sail
#

.tar.xz is just a file containing everything for zen, already built.

#

you just extract it and place it where you want, then open the zen executable in it and boom.

gaunt lotus
#

exept it does not show up in my launcher, just in files, thats stupid

#

and the default wayland icon

gaunt lotus
coarse sail
#

only thing is you have to create a .desktop file.

somber nymph
strong cedar
somber nymph
#

kill the king to capture the kingdom FakeNitroEmoji

coarse sail
#

i meant nubulu has 2 stars

somber nymph
#

Oh lol

#

Wireframe too FakeNitroEmoji

ripe hatch
#

how do i fix this?

stray sentinel
#

just tried installing and the sidebar ends up opaque and offset to the site, what am i doing wrong?

#

i installed mica4everyone and all

flint nacelle
stray sentinel
#

actually wait

#

yeah

#

ok i think just enabling/disabling compact mode, switching from one space to the other fixed it

#

ok actually i had to right click the color in my theme to remove it and then add a color back in for it to start working properly

somber nymph
#

Wait why is the urlbar outside the sidebar flooshed

#

Oh old msg lol

#

Discord on mobile is horrible

elfin turret
#

just came back to this after using a seperate theme and oh my GOD

#

this has updated so much wtf

#

i fw this so heavy

gaunt lotus
#

So, I am still trying to install Sine, got it to recognize Zen finally, but I still dont have an answer on what it means by profiles and what it expects me to enter into it, there is nothing for this in documentation, so im completely lost here

somber nymph
#

there you will see some options under each profile

#

and then one you're currently using won't have the "set to default" and "laucnh in new window" option

#

just select that profile name when installing sine

gaunt lotus
#

Okay, I think it is installed, how do I confirm

somber nymph
#

if it's not, clear the startup cache

#

if you think it;s installed but isn't showing up

gaunt lotus
#

Nope, and I cleared startup cache

somber nymph
somber nymph
#

yeah the first one should be it

gaunt lotus
somber nymph
gaunt lotus
#

Finally got it to work

somber nymph
# gaunt lotus

no the popup shows in the zen when you open it after the install

somber nymph
gaunt lotus
#

Uninstall and reinstall with the browser itself closed the whole time

#

But now Nebula does not want to install, I am hitting install, the button grays out, but never does anything more than that

somber nymph
#

uhh oh that's weird

gaunt lotus
somber nymph
#

try any other mod

gaunt lotus
#

Tried Neo Zen, installed just fine instantly

somber nymph
#

oh

#

@strong cedar

gaunt lotus
# somber nymph oh

Yeah, very strange, I did fix my blur issue though, so Zen is all nice and blurred now

strong cedar
strong cedar
elfin turret
#

great stuff as always

strong cedar
#

is there a zen update or smth

elfin turret
#

wym

#

is it fucked up?

#

oh is it the search bar not being centered?

#

yeah idk why that is

elfin turret
#

what's wrong with it

strong cedar
elfin turret
#

oh

#

why yo shit look so different

#

my zen version is 1.15.5b and i installed from Sine

strong cedar
#

why is your sidebar not opaque

elfin turret
#

uhhhh

strong cedar
#

o

elfin turret
#

always been like that couldn't tell you

strong cedar
#

oh

#

wait

elfin turret
#

i lowk prefer it that way

strong cedar
#

do you change your wallpaper through bonjourr

elfin turret
#

yeah

strong cedar
#

ah alr

#

mbmmb

#

i thought it was transparent and that was your desktop wallpaper

elfin turret
#

all of the wallpapers are in bonjour and change every tab

strong cedar
#

makes sense

#

nice

#

then

strong cedar
elfin turret
#

that opaque does look REAL sleek

#

πŸ‘€

strong cedar
elfin turret
#

i do gotta ask though

#

why does ur tab have a purple glow

strong cedar
elfin turret
#

oooh

strong cedar
#

its an optional config

#

not enabled by default

#

this glow has been in the code since like 10 previous updates, just commented out

elfin turret
#

oh LMFAO

#

i think u should add it in the configs

#

would be also cool if it was customizable in the Sine config with either RGB or color picker

strong cedar
strong cedar
elfin turret
#

oh what

strong cedar
#

i changed the whole preferences.json for v3.3

elfin turret
#

oh is it this or

elfin turret
#

when is expected release πŸ‘€

strong cedar
elfin turret
#

PEAK

#

you cooked for v3.3

strong cedar
#

idk what else to add

#

i want to add unpinned folders support but only gemini is taking that much of source code of zen but it does not make great code so that js has quite lot of bugs, basically unusable

#

so not sure where to start that

elfin turret
#

i think leave it for v3.4

strong cedar
#

or cheff will add it himself

elfin turret
#

maybe

#

alr well i gotta go back to learning tyopescript

#

good luck

gaunt lotus
#

@strong cedar Hey, I can't seem to install Nebula with Sine, it just kinda grays out and does nothing, refresh, and it goes back to normal, I tried other themes, and they installed just fine

strong cedar
#

what do you mean grays out and does nothing

strong cedar
#

what the fuck

#

have never seen anyone report an issue like this

#

crazy

ripe hatch
strong cedar
gaunt lotus
# strong cedar crazy

Yeah, I went into my profile folder, in the Sine folder, it is creating a folder for Nebula, but never actually installing it

strong cedar
#

wait then

#

i have an idea ig

#

if that is not working

#

try opening mods.json

gaunt lotus
strong cedar
# gaunt lotus what I am I looking for
"Nebula":{"id":"Nebula","js":true,"homepage":"https://github.com/JustADumbPrsn/Zen-Nebula","author":"JustADumbPrsn","name":"Nebula","description":"A beautiful theme made for Zen Browser :))","version":"3.2","createdAt":"2025-05-31","updatedAt":"2025-09-06","readme":"https://raw.githubusercontent.com/JustADumbPrsn/Zen-Nebula/main/README.md","image":"https://i.ibb.co/Lqk4krw/Screenshot-2025-09-03-232353.png","tags":["content","chrome","minimal"],"fork":["zen"],"preferences":"https://raw.githubusercontent.com/JustADumbPrsn/Zen-Nebula/main/preferences.json","style":{"chrome":"https://raw.githubusercontent.com/JustADumbPrsn/Zen-Nebula/main/userChrome.css"```
#

do you see anything like this

gaunt lotus
#

search found nothing

strong cedar
#

nothing saying "Nebula"?

somber nymph
#

Yo why is sine being so inconsistent all of a sudden 😭
Did some changes and it broke the theme
I thought it was me but it was sine not properly removing the theme FakeNitroEmoji

strong cedar
#

if it is not, i guess sine is installing nebula but not updating mods.json to apply it to zen

gaunt lotus
strong cedar
#

try this

gaunt lotus
strong cedar
gaunt lotus
strong cedar
#

lmfaoo

#

πŸ˜‚

gaunt lotus
#

that was after restart

strong cedar
#

thats

#

..

#

yk what

#

just copy my whole sine folder lol

gaunt lotus
#

This is a mess, lmao

strong cedar
#

idk what else can be done since sine is doing random shit lol

gaunt lotus
gaunt lotus
#

okay

strong cedar
gaunt lotus
#

says I don't have permission to write in that folder

strong cedar
#

why does it say ownership root

#

atp god himself doesnt want you to use Nebula

gaunt lotus
strong cedar
gaunt lotus
#

no idea

#

I am at a loss for words

strong cedar
#

OH WAIT
is that why sine is not able to install nebula? because somehow js folder is not accessible or smth

#

try installing this mod in sine

#

if it works, then i have no clue

gaunt lotus
#

yup, that is the issue

strong cedar
gaunt lotus
#

I had to forcefully take ownership of the folder

strong cedar
#

did it... work

gaunt lotus
#

Ye

dim sage
# gaunt lotus

Why is your top corner sharp but the bottom corner rounded....

gaunt lotus
dim sage
#

Ah...

#

Cool setup btw

gaunt lotus
#

Thanks! 😊

cerulean rapids
# strong cedar

the purple glow is based on the browser accent color? would be nice if it could match the favicon color, so red in this case

#

Dont know if its possible

strong cedar
#

ok ill try to make it as an option

strong cedar
silk belfry
#

the extension button is showing while playing videos in fullscreen

#

also outlines are showing

#

its more visible here

#

if u open the image and see the edges

#

also the top left

#

it has the extension button

#

any fixes?

strong cedar
#

i see nothing as such

silk belfry
strong cedar
#

you can try disabling other mods

#

or trying on a new profile

silk belfry
#

fixed the extension thing

#

outline persists

#

im too tired for this, ill update in here for anyone that has the same issue tmr

#

if anyone however knows a fix

#

let me know

flint nacelle
#

@strong cedar Can you make your theme a bit more optimized?

#

Zen just crashed on my main profile with Nubulu for the first time since months! skully

strong cedar
#

how can it just crash

#

also

#

what kind of optimizations do you want

flint nacelle
#

Study this thing carefully.

strong cedar
flint nacelle
strong cedar
strong cedar
#

oh this

#

did u try it

#

how much better did it make arc2.0

flint nacelle
#

You also try it.

strong cedar
#

so basically it just optimizes zen

#

drawbacks?

flint nacelle
#

So no difference noticed.

flint nacelle
strong cedar
#

did u try it with nebula

#

also

strong cedar
flint nacelle
flint nacelle
# strong cedar how πŸ’€

Because the risky prefs are not included in user.js. They're supposed to be edited separately in about:config.

#

I have enabled red ones, and I don't think it's much of a compromise.

flint nacelle
#

Yes.

strong cedar
flint nacelle
# strong cedar how to know user.js is active

In user.js there are many prefs. Just copy a pref in this file and remember it's value. Now go to about:config and paste the pref to see it's default value, which will be different. Now paste user.js in your profile folder, and restart browser. Now again go to about:config and paste that same pref - you'll notice now that default value is changed to the value that's mentioned in user.js.

dim sage
strong cedar
#

default zen with no chrome folder
10.9
default zen with the user.js file (idk if it is working)
10.5

flint nacelle
strong cedar
flint nacelle
#

Difference will be greater on lower end devices.

strong cedar
#

isint it lower now

flint nacelle
#

You got 16gb ram.

strong cedar
#

default zen: 10.9
user.js: 10.5

#

with the 16gb ram preset

flint nacelle
strong cedar
flint nacelle
#

Wait what you using to measure this?

strong cedar
#

if lower is better than nebula gets 9.9

strong cedar
#

πŸ˜‚

flint nacelle
strong cedar
flint nacelle
#

Oh, there higher is better.

strong cedar
#

yeah

flint nacelle
#

But that's weird...

strong cedar
#

edge got 16.5

#

zen default no chrome folder got 10.9

#

expected

flint nacelle
#

Yeah, well why is it getting lower now!!!

#

Something is wrong.

flint nacelle
#

Site loading took lesser time.

strong cedar
strong cedar
#

its not being applied

flint nacelle
strong cedar
#

u knew but

#

now what

#

i just pasted it in the chrome folder with nothing else in the folder

strong cedar
#

so what

flint nacelle
strong cedar
#

bruh

flint nacelle
strong cedar
#

does it need fxautoconfig

flint nacelle
#

Remove from chrome.

strong cedar
#

dont tell me it need fxautoconf

dim sage
#

Dude not in chrome folder

flint nacelle
strong cedar
flint nacelle
strong cedar
#

oh lolol

#

profile folder

dim sage
flint nacelle
strong cedar
#

the user.js was applied

#

and

#

the results are

#

default zen: 10.9
user.js: 10.9

flint nacelle
strong cedar
flint nacelle
#

That what must be making a difference for me.

strong cedar
#

both were not needed for me

flint nacelle
strong cedar
#

i didnt find any orange at all

#

huh

flint nacelle
flint nacelle
strong cedar
#

one decreases ram usage

#

which i dont need

#

and one risks security

flint nacelle
strong cedar
#

ehh

#

im to lazy

#

just tell me stuff to optimize in nebula

#

rather than user.js shit

#

which i can actually release in new updates

dim sage
flint nacelle
strong cedar
#

because i do that everytime i add a new code anyways

flint nacelle
strong cedar
flint nacelle
#

20+ active tabs.

#

I did for the first time and Nubulu crashed. CrySparkle

strong cedar
flint nacelle
#

Rest were university websites, outlook, gmail, few pdfs, reddit and insta ig.

#

Now I think tbh it was a reasonable crashout.

lost geyser
#

guys, how can I change the sidebar and url bar to dark mode? mine is always white even if I set the browser to dark mode. It's only dark on private windows.

opal hornet
#

i wish there was a way to use container color style for the url bar but not the tab glow one, so that i can use the new tab glow option

strong cedar
strong cedar
#

good idea

#

let me fix it

jagged shell
lost geyser
paper iris
#

the sidebar isn't transparent for some reason anymore

#

the title bar is though

flint nacelle
strong cedar
strong cedar
strong cedar
paper iris
strong cedar
# paper iris

can you try going to a website which is not transparent

#

like youtube or pinterest

#

and see if it has blur there or not

paper iris
strong cedar
#

do you have any other ods

paper iris
#

oddly it worked until I closed and opened the browser about 30 minutes ago

strong cedar
#

mods*

paper iris
strong cedar
#

does the urlbar have blur

paper iris
strong cedar
#

no urlbar blur??

paper iris
# strong cedar wtff

would clearing the whole chrome folder, reinstalling sine, then reinstalling nebula probably help?

paper iris
strong cedar
strong cedar
#

try on a new profile instead

paper iris
#

sure

paper iris
strong cedar
#

thats

#

crazy

#

windows 11?

paper iris
strong cedar
paper iris
#

all I did was close and open the browser πŸ’€

strong cedar
#

try going to about:support

#

and clear startup cache

paper iris
strong cedar
#

hmm

strong cedar
wild leaf
flint nacelle
#

Further ideas you get can be named v3.3.1!

strong cedar
#

im trying to get active tab glow to work with containers

#

its bugging

strong cedar
strong cedar
#

v3.3 will be released shortly on sine too once js pull request gets merged on sinestore

somber nymph
#

@strong cedar have you worked on some custom topbar transitions? like slide in to reveal the window controls or just default?

strong cedar
#

idr making any transition for topbar in single toolbar mode

somber nymph
#

the issue is that I need to slide up the toolbar cuz it is positioned on bottom in wireframe
what null did is working (using root:has(#1088172782178799657-appcontent-navbar-wrapper) to keep showing it but it just doesn't stay while hovering window controls (yes I tried adding root:has for the titlebar too, didn't work)

somber nymph
#

might have to remove it all and see what happens then πŸ’€

strong cedar
#

pretty confidant that its default

somber nymph
#

yeah cuz for top position zen has it already

opal hornet
#

i think the close tab animation also doesnΒ΄t work with styled container tabs

bright charm
#

v3.3 doesnt install with sine @strong cedar

#

3.2 installs via sine marketplace, but when I manually input JustAdumbPrsn/Zen-Nebula it installs 3.3 but doesnt actually modify the css/js etc (looks default).

strong cedar
strong cedar
#

basically i have to submit the js file to the sine store for inspection to make sure its virus free

#

so the v3.3 update will come to sine when that gets accepted

bright charm
#

ahh ok thanks for the info πŸ™‚

frigid mantle
#

does anyone have css to make the compact side bar transparent?

#

not completely transparent i just want a little transparent and some blur

strong cedar
flint nacelle
#

@strong cedar You there?

#

Where did Marginless Compact mode go?

dim sage
#

I feel like my zen is darker than before.....

#

Nevermind, its configurable. But yes, Where is marginless compact mode lol

scenic wolf
strong cedar
#

so i had to remove it in v3.2

strong cedar
#

which i was not able to fix

#

nogaps mod works fine tho

strong cedar
dim sage
#

Welp πŸ₯€

strong cedar
#

v3.3 is released

strong cedar
dim sage
#

Ofc....

strong cedar
dim sage
#

Imma just use userchrome I guess

strong cedar
#

i thought people just used nogaps and marginless compact mode had lots of bugs which i was not able to fix so i just deleted it lol

dim sage
#

Yeah thats okay if you think it would hold nebula down because of the bugs. I'll just add it manually via userchrome and see...

strong cedar
flint nacelle
#

It works perfectly in arc2.0

#

πŸ—Ώ

strong cedar
#

btw

#

does context menu animations work fine now

#

it should be free of all bugs now

flint nacelle
dim sage
flint nacelle
strong cedar
#

isint that same as nogaps

flint nacelle
strong cedar
#

if i restrict it to single toolbar then just use nogaps as it does just that
marginless compact mode should be for all toolbars

#

ah thats why yours dont have bugs

flint nacelle
strong cedar
#

very specific

flint nacelle
#

See closed issues of arc2.0.

strong cedar
#

well i have a better idea

#

alr i think i can fix marginless compact mod

flint nacelle
strong cedar
#

yes

flint nacelle
#

Oh are there other new things?

strong cedar
#

no plans rn but if i open my css i change random shit in there

flint nacelle
strong cedar
#

nebula-glass blur

flint nacelle
strong cedar
#

it changes all the blur nebula uses on elements

old rampart
#

can i know what does the URL Bar Animation do? if it's something to do with the URL bar, then i do not get any changes?

strong cedar
gaunt oar
#

its beaitiful with no border πŸ’–

strong cedar
gaunt oar
strong cedar
#

try restarting zen or pressing that config again

gaunt oar
somber nymph
#

yo @strong cedar what is your workflow with AI when adding new stuff like styling for folders. What files do you add as context and what else

#

wanna learn from a professional vibe coder FakeNitroEmoji

strong cedar
#

if you want to ask gpt to make something, give it your idea and the html of that part so it knows what selectors to use properly

somber nymph
tidal quest
#

why is my side bar unusable in compact mode ?? any fixx

strong cedar
#

looks like

#

your nebula.uc.js is not working

#

check console

tidal quest
strong cedar
#

ctrl shift alt i

lost geyser
#

btw, could you please bring back the NoGaps option (for compact mode)? πŸ₯Ί

strong cedar
#

there was a very shitty faulty code in there idk how that happened

#

but now it is working for the most part

#

will add in v3.3.1

dim sage
#

Yeay

lost geyser
cerulean rapids
#

"Tab Icon Color" option is not working for me. The "Zen Color" option for the Glow is working, but not this one

#

Also

#

i know my UI tint opacity is way lower than default, but this never happened before 3.3

strong cedar
#

no active tab glow

#

active tab glow with zen color

#

active tab glow with tab icon color

lost geyser
strong cedar
#

h- how

#

i just installed nebula through sine and it works just fine

strong cedar
strong cedar
lost geyser
#

silly sine πŸ€‘

strong cedar
#

and i know that for a fact as my code clearly states value 2 for tab icon color option

#

and well its working for me

cerulean rapids
#

thats weird

#

mine is set to 2 in about:config

#

but its not working

strong cedar
#

wtf

lost geyser
strong cedar
#

wait

#

can you go to

#

claude ai

#

and check

cerulean rapids
#

yeah

strong cedar
#

just send a screenshot

#

of how it looks

#

also make sure to not hover over the tab

cerulean rapids
#

Set to None

#

Zen Color

#

(mine is orange, that is not because of the favicon)

#

Set to Tab Icon Color

strong cedar
#

ehh light mode

#

might just be cuz of that, wait

#

i never tested light mode since v2

cerulean rapids
#

it doenst work on Dark Mode either

lost geyser
#

In my case I'm in dark mode

strong cedar
#

thats interesting

cerulean rapids
cerulean rapids
strong cedar
# cerulean rapids

hm, alr can you try going to browser toolbox and paste ```css
getComputedStyle(document.documentElement)
.getPropertyValue("--nebula-selected-favicon-color")
.trim();

#

in console

lost geyser
#

btw, when I enable "Enable Zen Folders styling" it styles my split viewed tabs. is this the intended behavior?

strong cedar
#

right

strong cedar
#

it happens because folders and split view groups share the same .tab-group-container

#

idk why

#

but they do

lost geyser
#

oka, it's fine

strong cedar
#

alr but i still dont understand the active tab glow problem

strong cedar
#

what the fk πŸ˜‚

#

thats... lmfa

#

lmfao

cerulean rapids
#

and then a bunch of errors

strong cedar
#

do you see this on the top of console

lost geyser
#

btw btw, is this top border part of the intended style of the "ctrl+f bar"?

cerulean rapids
#

the rectangle is back too

strong cedar
strong cedar
strong cedar
# cerulean rapids this?

interesting....
so as per what i observe, after v3.3 the polyfill module should be loading at the last instead of first
maybe your nebula js file is v3.2 instead of 3.3???

#

since the tab glow color thing in js is in polyfill module, ever since i added it it made my polyfill module to load at last instead of first

cerulean rapids
#

should i download the 3.3 js file on Github and placing it myself?

lost geyser
strong cedar
cerulean rapids
strong cedar
#

then go to about:support and clear startup cache

cerulean rapids
#

problem solved

strong cedar
#

yeah

#

again

#

sine

#

messing up

#

😭

cerulean rapids
#

Also, about Sine

strong cedar
cerulean rapids
#

one of the reasons i started using Nebula on Sine was to not have to tweak some Nebula values like URLbar opacity everytime theres a new update

#

but this has not been the case with 3.2 and 3.3

strong cedar
#

wdym

cerulean rapids
#

Like, i change URLBar opacity in light mode to 0.8, right? Before sine, everytime a new update was released for Nebula, i had to go the new file, and change it again

#

After Sine, this was not necessary anymore

#

but recently, its happening again, like, its resetting

strong cedar
#

i guess that

#

in v3.2 and v3.3 updates, i know i changed stuff in urlbar.css

#

and maybe sine only updates the files changed in new releases

#

so it resets the file in these updates but didnt used to in older updates since i didnt change anything in it

cerulean rapids
#

maybe its that

#

thats fine

#

about the other bug i found

strong cedar
#

its not a bug

#

basically it happens because yk i added the option in preferences to customize vairables which nebula uses

cerulean rapids
#

I see. i really liked the option to customize variables through settings

strong cedar
#

so whenever you open settings, sine refreshes itself and the preferences.json and reapplies the values of those (i guess), and since nebula relies on those variables, it flashes at start

cerulean rapids
#

I understand. Well, thanks anyway for the help!

dusky sinew
#

Where are the UI packages in the open source Zen Browser? I'd like to add a new theme, but I don't know where to add it so it saves after build.

flint nacelle
#

@strong cedar v3.3.1 progress?

flint nacelle
strong cedar
strong cedar
flint nacelle
strong cedar
# flint nacelle Gib code.
/* ------------------ MARGINLESS COMPACT MOD ------------------ */

@media (-moz-pref("nebula-nogaps-compact-mod")) {
  html[nebula-compact-mode]:not([customizing]) {
    /* scope everything to the wrapper */
    #zen-appcontent-wrapper:not(:has(#tabbrowser-tabpanels[zen-split-view]), 
                           :has(#zen-sidebar-web-panel:not([hidden]):not([pinned]))) {
                             
      margin: 0 !important;

      #zen-tabbox-wrapper {
        margin: 0 !important;

        .browserSidebarContainer,
        browser {
          margin: 0 !important;
        }
      }

      /* single-toolbar case */
      &[nebula-single-toolbar] {
        position: relative;
      }
    }

    /* navbar wrapper for single-toolbar */
    &[nebula-single-toolbar] #zen-appcontent-navbar-wrapper {
      position: absolute;
      width: 100% !important;
      height: 55px;
      backdrop-filter: var(--nebula-glass);
      background: var(--zen-main-browser-background) !important;
      border-bottom: 0px solid light-dark(
        rgba(0, 0, 0, 0.2),
        rgba(255, 255, 255, 0.1)
      );
    }
  }
}
#

the blur and stuff were not working because

#

for some reason

#

the code added a border-radius: 0px !important;

surreal nacelle
#

@strong cedar how to reset nebula settings?

tidal quest
surreal nacelle
#

@strong cedar Also there is bright flash (differnt blur) for a second after restarting zen? IS this known and caused by nebula?

stray sentinel
#

in dual bar mode, the top bar is completely transparent now

#

here it does have a background, except for the part above the popup

#

essentials look weird too, no background and theyre all in a column

#

ok i disabled nebula and re-enabled it and it got fixed

#

though the disable context menu animations option is gone

#

i was using that

#

as well as the marginless mod

cerulean rapids
tidal quest
#

morning

elfin turret
#

reinstalling through Sine fixed it

strong cedar
strong cedar
strong cedar
strong cedar
strong cedar
strong cedar
strong cedar
# tidal quest umm

scroll up does it specifically say [Nebula] βœ… [TitlebarBackground] Tracking initialized.

strong cedar
#

i just noticed

#

your border radius for essentials is also messed up, looks like a sine issue πŸ˜‚ wait reinstall nebula through sine it should be fixed then ig

strong cedar
tidal quest
#

And give u update

strong cedar
#

alr

old rampart
old rampart
frosty aspen
surreal nacelle
strong cedar
surreal nacelle
#

btw is there a new or better way to get mediaplayer in collapsed toolbar mode?

strong cedar
#

i think i saw one on i guess #1335963848087306333 way back when miniplayer was released

surreal nacelle
strong cedar
#

where it just showed the audio tabs icon in collapsed mode but when hovered it would expand to show the buttons

surreal nacelle
strong cedar
surreal nacelle
strong cedar
surreal nacelle
strong cedar
#

always

strong cedar
tidal quest
#

is it all good now ?
idk

strong cedar
#

wtf

#

sine 😭 brooo

#

idk what is happening to sine

tidal quest
#

😭

strong cedar
#

it should show this when startup

tidal quest
#

how to fixx

strong cedar
strong cedar
#

you already have that file

#

but

#

for some fucking reason

#

sine has changed it from .js to .db thats why its not working

#

edit the Nebula_Nebula.db to say Nebula_Nebula.js

tidal quest
#

dn wot next

strong cedar
#

then it should work

#

(i hope so)

tidal quest
#

😭

strong cedar
#

😭 check console again

tidal quest
strong cedar
#

bro

#

wtf

#

show a screenshot of your js folder again

tidal quest
#

😭

strong cedar
#

not .js
make it say .uc.js

tidal quest
#

oh

tidal quest
#

broooooo

#

😭

#

@strong cedar

strong cedar
tidal quest
#

as soon as i did .uc.js to that file and clear the cach

strong cedar
#

wow

#

thats...

#

lmao

tidal quest
#

😭

#

shoulc i reinstall sine

#

or aomthing

#

idk how to get clean install tho

strong cedar
#

uh

#

...

#

wtf

tidal quest
#

😭

lost geyser
#

@strong cedar I suggest you recommend installing Windhawk > Translucent windows mod in the documentation, instead of Mica. It's less buggy (in my case) and it gives you plenty more options (like adding a tint to the blur, which can make the translucency usable even on white bg)

strong cedar
#

but i do prefer dwmblurglass more

lost geyser
strong cedar
# lost geyser why?

(btw you can just change the tint value of nebula-ui-tint in preferences for same thing)

strong cedar
lost geyser
lost geyser
hazy stag
#

2

proper night
#

Any reason why the top part isn't matching the rest?

cerulean rapids
proper night
#

Disabling it fixed it

cerulean rapids
proper night
#

Thank you πŸ˜„

proper night
#

The blur/transparency

cerulean rapids
proper night
#

Ahh got it thank you.

lilac rampart
#

does nebula backdrop filter the webview?

frigid mantle
#

I'm not running nebula right now, but I was wondering if anybody had some css code block that can make the Compact Sidebar Blur like how it is blurred in when hovering over a folder?

dusty aspen
#

please any idea how to fix this, nothing shows up, I've quit and restarted multiple times, just blank canvas, no tab bar, nothing.

it does run the tabs in the back ground tho if I open an external link but nothing shows up.

lost geyser
#

wasn't the extensions menu compact before? like this (2nd img)? I think it would be a nice enhancement

lone mantle
#

I have problem. Many icons turned to words. When I disable Nebula, It back to normal.

strong cedar
#

πŸ˜‚

strong cedar
strong cedar
#

try deleting in js folder maybe

frigid mantle
#

i dont have nebula installed, i just want to add that part of nebula into my css

tidal quest
#

@strong cedar mr found any fixx for my shit

strong cedar
frigid mantle
#

im on macos

strong cedar
strong cedar
strong cedar
tidal quest
#

😭

strong cedar
# frigid mantle im on macos

um you could try css html[nebula-compact-mode] #titlebar { padding: 8px; border-radius: 11px; scale: 1; background: transparent !important; backdrop-filter: blur(42px) saturate(110%) brightness(0.55) contrast(100%) !important; }

frigid mantle
frigid mantle
#

/* Fix for twilight acrylic */
#navigator-toolbox:not([animate='true']) #titlebar {
  position: relative;
}

#navigator-toolbox:not([animate='true']) #titlebar::before {
  border-radius: 11px !important;
  background: transparent !important;
  content: '';
  position: absolute;
  pointer-events: none;
  z-index: -1;
}

#navigator-toolbox:not([animate='true']) #titlebar::after {
  content: '';
  position: absolute;
  background: transparent !important;
  pointer-events: none;
  z-index: 0;
  opacity: var(--zen-grainy-background-opacity, 0);
  mix-blend-mode: saturation;
}

/* Base blurred transparent background for compact sidebar */
body:has([zen-compact-mode="true"]) #titlebar {
  top: calc(var(--zen-element-separation) / 1.4) !important;
  left: calc(var(--zen-element-separation) / 0.999) !important;
  background: #00000099 !important;
  backdrop-filter: brightness(0.8) blur(13px) saturate(300%) !important;
  border-radius: 5px !important;
  scale: 1 !important;
  padding: 6px !important;
  height: calc(100% - (var(--zen-element-separation) * 2.4)) !important;
  margin: calc(var(--zen-element-separation) / 2) 0 !important;
}

/* Required for blur rendering */
browser {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}```
#

this is the code i used

#

for some reason everything else works but no blur

lilac rampart
wild leaf
proper night
wild leaf
austere shoal
#

when i search and leave the search bar with escape or the x button the bar stays in position and doesnt dissapear. Anyone knows how to fix that?

#

and when I open the url bar in compact mode, it appears on the left side of the screen and not in the center

#

Im also noticing that I have the default URL bar and not the nebula one. I kinda fucked up smth πŸ₯²

vital swift
#

Hi guys. Any fix for the black rectangle visual bugs? I heard it's caused by MicaFE (???)

austere shoal
lost geyser
lost geyser
#

btw is there any way to remove that button at the bottom of bookmark folders?

muted pasture
#

I just installed nebula using sine and it shows a wired bar at the top

hearty rapids
#

got this back on new updates 😭

cerulean rapids
lost geyser
#

perfect

#

thanks πŸ«‚

cerulean rapids
hearty rapids
cerulean rapids
#

i switched to DWMBlurglass after this

hearty rapids
#

kk i’ll switch

#

the blur isnt nearly as nice imo but its ok

hearty rapids
cerulean rapids
#

and also, M4E didn't blurred the whole screen, you can notice the content on the edges like folders and files behind zen still appears and it is kinda ugly

hearty rapids
#

mica doesnt look the same as m4e, should iut?

cerulean rapids
#

and tweak it to your liking

hearty rapids
muted pasture
hearty rapids
#

[thanks

cerulean rapids
#

and this on Nebula settings

hearty rapids
#

what does this do?

cerulean rapids
#

thats the opacity and color of the browser UI

hearty rapids
#

thank you

hearty rapids
#

@cerulean rapids sorry to bother

#

it seems that dwm blur doesnt take into account any windows behind zen, rather just zen itself. i have discord behind zen right now, but zen is showing the wallpaper colors instead

hearty rapids
#

let me take a screenshot rq

#

this is with mica

#

and this is with dwm

somber nymph
hearty rapids
#

that is baked in macos transparency though no?

somber nymph
hearty rapids
somber nymph
hearty rapids
#

windows skin?

#

are my settings wrong or

somber nymph
#

windows with mydockfinder and window controls set to left

hearty rapids
#

are my settings incorrect?

#

i wish i could type the settings out, its a nightmare

#

same issue :/

somber nymph
hearty rapids
#

yep

cerulean rapids
#

Mica always displays the wallpaper

#

no matter whats behind

hearty rapids
#

m4a did not do that

somber nymph
#

oh yeah lol

cerulean rapids
#

you need to change to Acrylic

hearty rapids
#

acryllic is working, but its giving me some weird "glitches" as i move the window. i can live with it though

#

if i can ask

#

how does m4e cause that black box?

hearty rapids
#

blur makes my browser dark 😭

#

same with aero

somber nymph
hearty rapids
somber nymph
#

it has light colors and dark colors

#

click on dark colours and then change the first two colors (active and inactive)

hearty rapids
#

i got that part

#

my issue is setting the colors themselve

somber nymph
#

just reduce the opacity

hearty rapids
#

god bless your soul

#

thank you

somber nymph
#

lol np

hearty rapids
#

only issue is the glitching again, but not a big problem. at all.

somber nymph
strong cedar
strong cedar
strong cedar
# austere shoal and when I open the url bar in compact mode, it appears on the left side of the ...

yeah its the longest running bug, its just annoying you can fix it by just pressing ctrl alt c 2 times more and then opening urlbar
or just not going to compact mode while urlbar is open and then opening it
this bug is caused because when you apply backdrop filter to sidebar, it forces the sidebar to a composting layer which messes the position of urlbar since i guess the urlbar position depends on sidebar

strong cedar
strong cedar
strong cedar
strong cedar
dim sage
#

@strong cedar do you have a plan to add additional styling for atg? Just asking :3

strong cedar
rich prawn
#

hello, is it possible to turn the "about: settings ..." page transparent without installing nebula? thx

strong cedar
rich prawn
strong cedar
# rich prawn thank you, can you provide it please? cause nebula is not working fine with me o...
:root {
  --zen-colors-tertiary: transparent !important;
  --zen-settings-secondary-background: transparent !important;
}

groupbox:not(#sineInstallationGroup:popover-open) {
/*   background: var(--zen-colors-tertiary) !important; */
  background: light-dark(rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.35)) !important;
  border: none;
}

@-moz-document url-prefix("about:") {
  table,
  .action-box {
    background-color: light-dark(rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.35)) !important;
    border-radius: 13px !important;
  }
}

@-moz-document url(about:home), url(about:newtab), url(about:privatebrowsing) {
  body, .App{
    background-color: #00000070 !important;
  }

  .top-sites-list, .personalizeButtonWrapper{
    opacity: 0 !important;
    transition: opacity 0.3s ease-in-out;

    &:hover{
      opacity: 1 !important;
    }
  }
  
  .App > div:nth-child(2), .wallpaper{
    display: none !important;
  }
}

@-moz-document url(addons.mozilla.org) {
  /* transparency */
html, body, nav, header{
  background-color: transparent !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* darkreader */
:root{
  --darkreader-background-ffffff: transparent !important;
}

/* no footer */
footer{
  display: none !important;
}
}

@-moz-document url(about:config){
  tr, table{
    background-color: transparent !important;
    border: none !important;
  }
  tr{
    outline: solid 1px #88888822 !important;
  }
}

/* Fixes the transparent dialogs. */
.dialogFrame {
  background: var(--zen-dialog-background);
  border-radius: 8px;
}```'
rich prawn
#

It is for some reason not working in latest twilight even when installing nebula :/

lost geyser
lost geyser
lost geyser
strong cedar
flint nacelle
strong cedar
flint nacelle
strong cedar
flint nacelle
strong cedar
flint nacelle
cerulean rapids
#

do you guys know if its possible to remove these dividers from the sidebar and urlbar?

dim sage
#

I think zen has inbuilt option to disable the pinned tab separator in about:config? Not sure, kinda forgot

dim sage
#

I dont really like it but yeah its possible

cerulean rapids
dim sage
cerulean rapids
dim sage
# cerulean rapids yeah

.urlbarView-body-inner {
#urlbar[open] > .urlbarView > .urlbarView-body-outer > & {
border-top: 0px solid rgba(255, 255, 255, 0.25) !important;
}
}

.pinned-tabs-container-separator {
display: none !important;
}

cerulean rapids
sand hedge
flint nacelle
#

@strong cedar Where are you? Reply in Sine server.

dim sage
strong cedar
strong cedar
dawn lodge
#

any ideas for why this is happening?

#

on twilight though

opal hornet
#

when window is maximized , mac like icons are misaligned

sly idol
#

Has anyone successfully got this to work with Nebula?

I've been trying for months to get this to work and no luck as yet. I've searched through all threads, websites and even YouTube trying to find a solution for the compact sidebar to be completely transparent.

I've read the Nebula read-me countless time and even seen the creator stated in a reddit post that there is a way how to make the compact sidebar transparent on his git-hub, unless I somehow overlooked it?

From my understanding is transparency not fully implemented for Nebula? or Is this compact sidebar transparency possibly broken?

All Installed Mods

Nebula v3.3

Remove Tab X v1.0

Note: I installed Sine a few days ago and did do a several clean installs of Nebula through the marketplace, while enabling "Enable installing JS from unofficial sources. (unsafe, use at your own risk)" in settings.

What I've done:

Confirmed all necessary options for transparency/acrylic is enabled in the "about:config"

Mica For Everyone is installed as advised by the Nebula readme and even as said to be in youtube videos.

"Show accent colors on title bars and window borders" is already disabled.

Tried adding a few suggested codes I found in some other post for the "userChrome.css", unfortunately none worked which I'm not if they are outdated.

Is there something I missed or any recommendations to resolve this? I'd appreciate any help thanks.

Here is a quick gif I made to show the issue for transparency. It only shows transparency when you disable the compact sidebar.

strong cedar
strong cedar
#

i tried to hardcode the default and compact one

#

but those also have issues sometimesd

strong cedar
#

its intentional, when the background behind sidebar is transparent, the sidebar will not be transparent to avoid readblity issues

#

because otherwise things like this can happen, where text of website below the sidebar can leak through it

#

so nebula applies a background layer to it

#

the blur for sidebar works when there is a solid background website

sly idol
sly idol
strong cedar
strong cedar
#

like this

#

the background is visible and blurs the page below it

sly idol
dawn lodge
#

whats the alternative

#

dwmglass?

#

oh actually, just to be clear im not talking about the black bar

strong cedar
strong cedar
#

then you mean the offcentered urlbar?

sly idol
strong cedar
sly idol
dawn lodge
#

its fine though now, im just using regular zen and its working good

strong cedar
#

so when urlbar is opened, the blur on sidebar wont work

#

to avoid this problem

dim sage
stray sentinel
#

nebula makes some pages' backgrounds transparent, even though i don't have Zen Internet installed, how can i stop this behavior?

strong cedar
#

its because of browser.tabs.allow_transparent_browser

stray sentinel
#

ohh sry

twin pewter
#

nubulu

#

moment

gaunt oar
gaunt oar
hard inlet
gaunt oar
hard inlet
#

oh hmm then idk

#

is it cos u have disabled the url bar

gaunt oar
#

maybe, idk

hard inlet
#

and the new tab defaults to bonnjourr

hard inlet
gaunt oar
#

aaa you are right. It was because of Bonjour. I never would have guessed.

proper night
#

Is there anyway to fix how this looks when using mica and picking a download location, etc?

dim sage
proper night
dim sage
#

Yeah... See if it change anything....

proper night
#

Nothing changed

dim sage
#

Well.... Idk then :/ sorry. Another suggestion from me is ditch mfe and use dwm. Its up to you tho. You may not like either bcz it affect the title bar globally.

elfin turret
#

are folders janky for everybody else or just me

#

oh my god it was because of some left over .js from tab groups extension BEFORE folders became a native thing

#

so when i removed it via sine it didn't fully remove all the .js from that extension

somber nymph