Zen Zero

[dull rover]

also I removed the smaller ocmpact sidebar code from my css since it's also broken after 1.8b

+1

[hazy forum]

i got the transparent compact sidebar to work

.-.

[dull rover]

with the browser being transparent as well?

[hazy forum]

ye

i think

yes

[dull rover]

no issues with blur? especially around text?

[hazy forum]

wokrs perfectly fine lol

[dull rover]

lemme try... maybe they somehow fixed in 1.8b? I hope

[hazy forum]

that is old

well

not very old

but released during 1.7.6b

[dull rover]

nah... no difference for me except the whole ui being very laggy.... maybe a thing with windows? mica or acrylic I guess

[hazy forum]

did you enable the about:config?

or do what i did and just remove that part

[dull rover]

the browser transparecy? it's already on for me

[hazy forum]

lacuna.sidebar.compact-transparent

i didn't notice it at first either

is there a way to add a border to the compact sidebar?

[dull rover]

I got the blur after adding that custom flag, but, that still has the issue I mentioned

[hazy forum]

being laggy?

[dull rover]

it's a css thing we can not avoid

like here #1335963848087306333 message

[hazy forum]

oh

i swear it was not there a second ago

tf

hey

im not going insane

[dull rover]

ohh the screenshot is broken but either way, it has the same problem I mentioned... if the browser is transparent, only large solid elements will be blurred... text will be shown through

[hazy forum]

it blurs in about:config and about:profile

[dull rover]

yes... that's because that page is not transparent... check it on the youtube home feed with my css

[hazy forum]

ah okay

[hazy forum]

is there a way to keep the fading and minimalist look without transparency?

[dull rover]

of the compact sidebar or the whole browser?

[hazy forum]

for the webpages

*websites

like uk the distraction free stuff

for reddit

(etc)

[dull rover]

ahhh... I just nuke elements that I do not need...

[hazy forum]

whar

[dull rover]

pick the element and do

display: none !important;
}```

[hazy forum]

won't that

add transparency?

[dull rover]

if you keep the background color intact, no...

Just don't do these stuff

background-color: transparent !important;
}```

This is what makes it transparent

[hazy forum]

alr

so i add it

to top?

[dull rover]

better if you add new css to the bottom of each stylebot css file (in the editor)

[hazy forum]

so i add this to end of editor of each website thing?

[dull rover]

No no.. first pick the element you wanna hide with it's picker and then add the display: none part to it

[vast oasis]

uhhh

this is good but

the entire youtube menu broke

and x

it only appears when i hover over

im on mac

]\

[vast oasis]

disabling style thingy works but its still werid

[dull rover]

dark reader on?

[dull rover]

unfortunately I can't fix this since x doesn't show this pop-up in my country... but the rest should work I guess... overlay parts are the most common to break

[pine storm]

@dull rover Hey, I am using this extension in this post https://discord.com/channels/1088172780480114748/1342607539426164737 . I use your CSS in one profile and the extension one in other. Could you do something like this as it makes the process of enabling transparency much more easier, i.e., until Rice is released.

Ofc, this extension support a limited set of websites because of which I use your CSS more...

[dull rover]

I looked into it.... I would love to do but not sure I am familiar with it enough... WHat I got in mind is an addon that fetches the latest css from my repo but allows you to disable or enable each modification groups separately (like enable blur, remove sidebar....)

Gonna take some research i guess...

[dull rover]

goin through the code and found this ❤️

[real flume]

zen got a new update

[dull rover]

yeye.... bug fix for 1.8b

[dull rover]

I might be cookin' something with it https://sameerasw.github.io/my-internet/github.com.css

Only things that worries me is that this totally depends on remotely loading css files with jss and as we know, remote jss is quite scary...

And there seems to be a cache time of like 10mins (testing)

Haven't looked into partial css enable/disable logic yet...

Also this require everything to have !important

OMG IT WORKS!!! I can remotely update the css... it will update ont he client on every hour or on demand...

[rare hemlock]

wait so do u recommend moving to using the extension or keep using stylebot?

[real flume]

U got something cookin bet

[dull rover]

well, I am creating my own... currently it can load the css in my repo but some need to be updated since some styles don't get applied unless they got the !important part....

But so far, github, yt and some others work...

if you want to give it a try and test, it's here : https://github.com/sameerasw/zeninternet (forked from transparent-zen because IDK how to create an addon from ground up)

Just expect a lot of bugs... and also there's no way to modify the style (YET) , you only can enable or disable... and it has a background script running which I am trying to disable

[rare hemlock]

damnn the extension looks fire

ill try it out after its stable 🤓 dont want to deal with bugs lmao

[dull rover]

that's basically the one I forked but replaced content

[dull rover]

ye... I am trying to add partial css enabling so ppl can turn off some parts of the theme... but my brain needs some oil for that 😁

[hazy forum]

disable acrylic in about:config

[hazy forum]

is stylebot_backup.json still updated?

[dull rover]

No but I'll do now... It's kinda messy tho.. you will have to tweak some stuff

done ✅

[hazy forum]

aight

is stylebot_backup.json and styles.json diffrent?

will it take time to update

or did it already update

[dull rover]

ignore the styles.json .. it's an extension think i'm working on

[hazy forum]

oki

[dull rover]

ohhhh i forgot.. you meant the backup in the github repo.. i updated an old gist... lemme check this

use this for now

[hazy forum]

aight

[pulsar arch]

Uh

Previously it used to be fully transparent

It seems like it has sort of a grey layer now?

[hazy forum]

disable acrylic in about:config

[pulsar arch]

I did

Looks like this

[dull rover]

it's a thing that was addedc in 1.8b use this in userChrome.css to remove

.browserStack browser {
    background-color: transparent !important;
}```

[vast oasis]

i cant use zen zero sry

its kind of buggy lo

[dull rover]

which way it's broken? no transparecy? overlays are transparent too?

[pulsar arch]

Thanks

Works fine now

[lost timber]

Why is youtube music video not completely hidden on collapsing it?

[rain fern]

can someone make brave search transparent

[hazy forum]

switch to zen

:3

[rain fern]

i alr switched to zen

its a search engine

[dull rover]

Guess what? It's published now!

https://addons.mozilla.org/en-US/firefox/addon/zen-internet/

[vagrant marten]

very helpfull for new users you did great work

[dull rover]

Will continue to update the CSS to be compatible

[dull rover]

I don't have this.. prolly some extension maybe? or because it's a video? I never played videos

[dull rover]

a website? I'd try 🙂

[lost timber]

youtube music has many videoos

[lost timber]

Youtube is not working without restarting the background script, it needs to be restarted on loading youtube for it to become transparent

[rare hemlock]

WWWWWW

dont think its working ill stick to stylebot for now hehe

so with the extension we cant make edits to the css?

[dull rover]

I don't have a bg script currently... maybe why... I removed bg script since didn't wanna have a js script running always for no reason

[dull rover]

I think I always kept it off.. that's why... I'll try to fix this as well later if possible...

[dull rover]

ye, yt music neet to be updated... because this is a addon made by me, not much magic hapenning so I have to add !important to all the css variables in the sheet in my repo... But the good thing is that I can do that wihout touching the extension 😄

[dull rover]

And those tabs finally loaded LOL

fml

[dull rover]

done 🙂

[rare hemlock]

is it possible to toggle for each site?

[dull rover]

this is what I am just starting to work on, I updated all the website specific css so now all should be supported...

[dull rover]

guess what... that's working nicely too... I'll submit for a new update for the addon in the store... don't ask me why the extension icon is there, i have no idea

[rare hemlock]

think it might be because of not enough space on top of url bar?

[dull rover]

sometimes there is, sometimes there's not 😁

[dull rover]

Update is live

[rare hemlock]

ill try it tmw :)

[hazy forum]

how do i fix the transparent part at bottom and top of yt vids?

[dull rover]

I deliberately added it... I think you can disable by removing this part in the css or re-add it with #000000 color to make black. I will try to give an option to make this in my addon soon

.html5-main-video, .html5-video-container, #movie_player, #container, #ytd-player, #player-container, #player-full-bleed-container, #full-bleed-container{
  background-color: #00000000 !important;
}

[hazy forum]

oki

[lost timber]

It is nice but a bit distracting if you watch any type of video

black bars are the way to go here

[dull rover]

understandable 🙂

Addon updated to version 0.2.2 and now have propper per-website control to enable or disable stylesheets.
https://addons.mozilla.org/en-US/firefox/addon/zen-internet/

[brave barn]

Hi, any idea why it might not work? I'm on windows, vesion 1.8.1b, using your extension, dark reader is off, but nothing is transparent and youtube looks like this
browser.tabs.allow_transparent_browser is set to true, userChrome.css is correct, no zen mods installed

[dull rover]

you might have to re-fresh the page again a couple times I think.... is it just youtube?

[brave barn]

I haven't checked other websites yet, CTRL + F5 doesn't help, restarted browser few times, even without that youtube thing, it's just not transparent, am I missing some step?

[dull rover]

after installing the extension, did you opent he extension pop-up, enable the themeing and fetched the latest styles at least once?

in the current 0.2.2 version, it may take a few seconds to fetch but I am working on optimizing it soooon

[brave barn]

I did fetch, restart script and yes, styling is enabled

[dull rover]

can you check another website like github is it's having the same issue? worked fine on my windows instal which i tested just now but it did take multiple reloads after fetching cuz my slow internet

[brave barn]

I tried the other extension with json sync, same visuals, so I don't think it's your extension that is not working

[dull rover]

ohhh the browser isn't transparent it seems.... after you enabled the flag in about:config, you may need to re-open the browser...

[dull rover]

also i don't see any transparencyy at all even tho mica or acrylic should be enabled by default on windows now... that's a problem too

[brave barn]

I did that with default button on top right and using about:profiles restart button

[dull rover]

weird... transparency enabled in windows right? and no power saving enabled?

[brave barn]

Windows 11 24h2, if you mean Transparency effect in personalization > colors (maybe a bit diffrent, just translated), it's enabled, contrast color set to Auto
Power saving is off

[dull rover]

clueless... because since 1.8b your sidebar should have blur natively because zen added it... we are here only ened to make the website tab abckground transparent for this...

[brave barn]

I'm using the profile from alpha because I have so much data in it, but creating a new fresh profile didn't help as well..

[dull rover]

seems like the issue is with the app itself maybe failing to give transparency .... since you got no zen mods that can affect, no custom theme color set, edited the flags correctly and such, it should work right away

[dull rover]

Further improved with the support of @lost timber 🙏

[cloud quartz]

what does your color theme look like? it could be that

if you are using custom color then adding opacity value at the end of the hex code should work

[zinc jewel]

Not working for me either @dull rover

[dull rover]

Hi! what is the part having issues? transparency? stylebot or the addon?

[dull rover]

The addon now has feature specific toggles so you can fine tune the styles yourself and pick what you like.
With that, marks the 1.0.0 release and it's now I consider out of beta and should be ready to use with minor if not any issues ... Your feedback is always appreciated ❤️

Next planned feature is to allow user to add custom css snippets but that is gonna be a bit difficult. Also live display changes without a reload.

[carmine swan]

Do I need to download the stylebot extension now?

Or only your extension

Its kinda confusing sorry

[dull rover]

nope... unless you wann add your own styles, it's not needed... this should handle everything...
https://addons.mozilla.org/en-US/firefox/addon/zen-internet/

[carmine swan]

Its not working for me

Have done steps 1 and 2

as per your notion site

[dull rover]

I haven't updated the notion site yet for my addon... but you are asking for transparency int he browser right?

[carmine swan]

Yes

Also need some tiny bit of blur, cant see my sidebar

[dull rover]

that does not seem like my css... make sure you are getting the latest youtube.com.css from https://github.com/sameerasw/my-internet/

And I don't use the sidebar with transparency so this might not be my styles... where did you place the styles?

[dull rover]

new walkthrough

[carmine swan]

Here's what it looks like

Without compact mode

/* Zen transparency */

:root{
--zen-main-browser-background: #00000000 !important;
}

my userChrome

[dull rover]

did you enable the flag in about:config as well?

then apply my website specific css from my new addon... then your websites should have transparecy as well

[carmine swan]

I have it enabled

[carmine swan]

Yes the flag is enabled

[rare hemlock]

man love the UI 👍

[dull rover]

btw, this needs to be updated... firefox should automatically update addons but if not, vlick the check for updates menu option

[carmine swan]

Works but my sidebar is still black?

[rare hemlock]

its meant to be black

[carmine swan]

Oh okay

[rare hemlock]

lmao this is my sidebar right now very symmetrical

[carmine swan]

Is there anyway I can get a sidebar with some blur

I can't see my tabs

[rare hemlock]

oh u can take a look at lacuna wait

https://discord.com/channels/1088172780480114748/1334433260683526164

i personally use its blurred compact mode u can look at the comments in the code

looks pretty good

[carmine swan]

I'll try increasing the blur in my userChrome

[dull rover]

ye we have to do that to avoid this issue : #1335963848087306333 message

[dull rover]

wait... where did you paste the code? you didn't put the youtube css in the userChrome right?

[carmine swan]

Ah okay

[carmine swan]

Nope

[dull rover]

ahh good

[carmine swan]

Thank you so much it looks amazing

❤️

[carmine swan]

One tiny issue, see if you can fix this, its not a dealbreaker for me, might be for others

[rare hemlock]

whats wrong

[carmine swan]

The video is out of alignment

On the left

[rare hemlock]

u can toggle it in the extension menu

[carmine swan]

Ah okay

Its better now

Thanks!!

[rare hemlock]

yo for the google calendar, can u remove this black box's background?

actually how do u copy the inspected code? i dont know how so i screenshotted

[dull rover]

I tried this for hours but it wasn't the element causing the black box... I still couldn't find the cuase

[dull rover]

code of the element?

[rare hemlock]

yes

[dull rover]

i think selecting and hitting ⌘C should do it

I can select the box but there's no background-color or anya ffecting properties to it for any related elements which leaves me confused just like that black box in gemini we had

[rare hemlock]

oh no looks like we'll have to live with it 😭

[zinc jewel]

Transparency

[dull rover]

is the sidebar also not trasparent? because that should be by default on windows and macOS

[lost timber]

thanks

[zinc jewel]

nop

[dull rover]

that's the problem... more info? what os? power saving on? ....using any themes?

[zinc jewel]

mb, windows, no themes

[dull rover]

since 1.8b , Windows should have transparency by default.... but it seems like some users aren't getting it...
try this first https://sameerasw.notion.site/Zen-Transparency-1939c6099d4080468f02cf05ae50e827?pvs=4

also same with @brave barn

[zinc jewel]

I tried that, Allow Zen to be transparent and :root{
--zen-main-browser-background: #00000000 !important;
}

[dull rover]

then it might be a windows color issue or such I think... can you make sure that you are not showing windows accent color as window borders and on taskbar?

[brave barn]

Checkboxes look scuffed, version 1.0.1
And youtube thing is fixed by unchecking "no left side guide" in current website features
My resolution is 2560*1440 if that matters

[zinc jewel]

where can I check that?

[dull rover]

ahhhh , I don't keep the yt left side guide so that's why I only kept it in overlay mode...

The checkboxes issue is noted, I will actually make the text smaller since it's easier 😁

[brave barn]

Hey, it's fixed, so it's the two (maybe one of them, haven't checked yet) settings in Personalization > Color. Last 2 options, languange is different, but should be the same place

[dull rover]

yeap... those 2 are the issue... i was looking for them in my settings....

[brave barn]

First one could be On, second one breaks the transparency

[dull rover]

noted...

[zinc jewel]

I have both off

[brave barn]

And transparency effect is On?

[zinc jewel]

yes

[brave barn]

widget.windows.mica and zen.widget.windows.acrylic are true in about:config?

[pulsar arch]

Isnt that compact mode?

[zinc jewel]

yes

[zinc jewel]

no its singletoolbar

[pulsar arch]

turn off the acrylic one

It's the one causing the issue

[zinc jewel]

now its dark

[tulip shadow]

is it possible to get micaforeveryone

to work on a specific process seperately?

ah yeah you can ok good

ight done

[dull rover]

i see the texture on the sidebar, make sure you haven'tapplied custom colors too

[zinc jewel]

nop

[dull rover]

I'm out of clues...

[zinc jewel]

I will try with another profile

maybe that helps

I dont know how to create another profile now @dull rover

[dull rover]

I'm not sure either... I only created new one when I tested the twillight

[pine storm]

Bro I literally suggested it yesterday and the addon is out today! You literally caught me offguard with this.
https://addons.mozilla.org/en-US/firefox/addon/zen-internet/?utm_source=addons.mozilla.org&utm_medium=referral&utm_content=search

[dull rover]

hehe, sometimes I get zoned into things and can't help but get it done... I wish if I had this for studies LOL

[pine storm]

What's the need for studies if what you do can simply earn you how much ever you want!

[dull rover]

not wrong there

[zinc jewel]

You know any way to reset everything? @dull rover

[dull rover]

maybe delete all the profiles and re-open?

[pine storm]

@dull rover Hey, there seems to be an error with YT

[dull rover]

the sidebar? it's intended behavour, because I keep the sidebar hideen and only use this overlay sidebar.. and because of the blur issues of overlay items, i had to add a background color to the sidebar so it's black 😉

FIXED!!!!!
No more youtube not applyyyying issues and background tabs need a reload stuff, added the background.js back and now all works fine

[pine storm]

No, like it's like there without hovering mouse over that area.

[pine storm]

Oh I see what you meant earlier... I've been so used to that sidebar being blurred that I forgot it's something that has toggle to make it disappear!

Like the previous extension I talked about did that.

[vagrant marten]

do you know any way to get mac like window borders on windows 11?

[zinc jewel]

I unnistall and deleted everything from zen, and the max of transparency is this?

[dull rover]

window borders?

[dull rover]

I don't see any transparecy tho

[vagrant marten]

border of any application

[dull rover]

that I do not know... never modified the window ui in windows when I used to do mods... because that mostly lead to breaking it 😁

[zinc jewel]

exactly 🥲

[lime summit]

Youtube videos with this seem to be zoomed in, the same as with the style bot

[pine storm]

@dull rover Earlier I posted a wrong video, but I am encountering video rendering issue in YT after enabling the extension. Any fix available?

[gusty mortar]

Think the extension is affecting the site, cant disable it unless u disable the extension.

[pine storm]

Video can only be viewed properly in full screen mode.

[lime summit]

Also for some reason my sidebar is not transparent, could someone please help 😄

[pine storm]

Hover on sidebar?

[lime summit]

Yes

[pine storm]

I don't have individual code, but you can ask for it in https://discord.com/channels/1088172780480114748/1343260083244765317 or https://discord.com/channels/1088172780480114748/1334433260683526164

There you can easily get it.

[lime summit]

I cant seem to find where could you pint it for me please

[dull rover]

idk.. this feels like a windows thing

[dull rover]

unfortunately the youtube player I had set to be viewed in theatre mode so it fits the full zen window... but might be able to prevent this by turning off the theatre mode feature in the extension... if not, tell me and I'll try to fix it soon 🙂

[dull rover]

I think I know what is hapenning... it's mathing the google.com part of the url and applying the google css ... I'll prioratize this issue

[rain fern]

yes sir

why dont this extension have "set background to none" for most website to work

[dull rover]

I might add it later but this usually breaks websites than fixes.... 🙂

[rain fern]

we still have option to turn it off

some still works for me

[dull rover]

fixed in 1.1.2 https://addons.mozilla.org/en-US/firefox/addon/zen-internet/versions/

But you may need to manually update your addons to get this now before firefox updates in few business days 😁

[gusty mortar]

Also got issue with Youtube, it just zooms the video

[gusty mortar]

Ty for the quick fix 🔥

works fine now.

[dull rover]

turn theatre mode thing off and refresh unless you use in theatre mode like me to get it fit to the full window 🙂

[gusty mortar]

Finally thanks 😭

[rain fern]

my google docs got randomly applied when i checked every other site it does not work

there is currently no theme for google docs

idk what is going on

[gusty mortar]

Just update the extension manually

think he just fixed the issue

[rain fern]

im on the latest version

[gusty mortar]

had similar issue,worked fine after updating and refreshing the page.

[rain fern]

turned off styling on the extension and that work

[rain fern]

i did refreshed the page

i turned the styling on the extension off and it work

i assume its because of the extension

all site got applied with this now

google account

[dull rover]

sure? maybe check in the addon settings... from next version, i'm gonna add version number to the pop-up 😁

[rain fern]

ts my google account page rn

[dull rover]

check your addon version, (from zen:addons)

[rain fern]

just reinstall

it works now

thanks

[dull rover]

no problem.. think firefox auto addon update isn't reliable.. gonna keep updates to a minimum 🙂

[dull rover]

hit refetch 😄 it's added

[neon badge]

It'd be nice to have last fetch and last style update timestamps

[rain fern]

thanks so much

[neon badge]

So like the time we last fetched source and when that source update was from

[dull rover]

or auto fetch once a hour... i will. try these next ... i removed this before when i removed background.js but now uit's back... it will be optional

[rain fern]

extension dont remember my setting for each sites after I closed the browser

[dull rover]

try this, https://firefox-storage-test.glitch.me/

also check your privacy settings.. maybe they can affect idk

[rain fern]

all the test passed

i set delete cookies to off

[dull rover]

weird... 🥲

[carmine swan]

What's this for?

[dull rover]

I mentioned in the changelog of that version back, the addon had issues applying themes to tabs opened in the background since it didn't had permission for them.. So I had to add the background.js file again and use this permission so it reminds the user of this permission change...

I tried my best without it but also the youtube was having issues applying styles too...

[carmine swan]

How do I read this changelog

[dull rover]

https://addons.mozilla.org/en-US/firefox/addon/zen-internet/versions/
1.1.0

[rare hemlock]

yo sameerasw, how did u move ur stage manager to the right side of the screen?

[dull rover]

moved the dock to left... and set auto hide delay to 10 seconds since I never use the dock....

1.2.0 released

• Added auto fetching every 2 hours (disabled by default)
• Added last fetched time information to the pop-up

[dull rover]

Hey now, 1.2.1 already out and requesting a new website theme is just 3 clicks away!

[carmine swan]

@dull rover anyway to make the grey text white for better readability?

I guess this goes for other websites as well, anyway to force the website to render all text in white/black so that it matches a light/dark background

[rare hemlock]

WWWWW

[rain fern]

my theme on monkeytype dont have that much visibility

idk what to adjust

[dull rover]

I would recommend you to first tryy removing that white tint which got added in 1.8b ... but if you reallyyy wanna flip colors, either use the website's specific setting or use dark reader on pages without a dark theme ... i usually add both support when there's no dark theme because idk what theme ppl use the most

[dull rover]

you also got he white ting I assume?

mine isn't much different but doesn't ahve the white tint

[carmine swan]

How do I remove the white tint

[dull rover]

ever modified your userChrome.css before? you need to add this to it:

.browserStack browser {
    background-color: transparent !important;
}```

[carmine swan]

        box-shadow: none !important;
        border-radius: calc(var(--zen-border-radius) + 8px);
      backdrop-filter: blur(190px) brightness(120%) !important;
      left : 0px !important;
     
 

        outline: none; !important;
        background: transparent  !important;
    width: 100% !important;
/* Remove new tab background color */
.browserStack browser {
    background-color: transparent !important;
}```

Does this look fine?

[dull rover]

mmmm no.. syntax was a bit off... use this

  box-shadow: none !important;
  border-radius: calc(var(--zen-border-radius) + 8px);
backdrop-filter: blur(190px) brightness(120%) !important;
left : 0px !important;
  outline: none !important;
  background: transparent  !important;
width: 100% !important;
}

/* Remove new tab background color */
.browserStack browser {
background-color: transparent !important;
}```

[carmine swan]

Thanks

[dull rover]

Update : all the styles were updated for fixing same name feature overlaps so your previous preferences may reset after this. Will try not to do this often

aaaaand it didn't fix... all that for nothing

[rare hemlock]

yo sameerasw, is it possible to not include unloaded tabs in the control tab action menu?

[dull rover]

that i do not know... I think that overlay content is handled by the browser

[arctic pike]

@dull rover can u help me?

i wanna put ur gemini code in my userContent.css

/* gemini-transparecy */
:root .dark-theme,
:root .light-theme {
--gem-sys-color--surface: #00000000 !important;
--gem-sys-color--surface-container: #00000000 !important;
}

input-container,
.input-gradient::before {
background: none !important;
}

/* gemini-other changes */
.content-container chat-window .chat-container .bottom-container {
margin-bottom: 30px !important;
}

input-container hallucination-disclaimer {
display: none !important;
}

.input-area-container {
margin-bottom: 2em !important;
}

.cdk-overlay-pane > div,
mat-card {
background-color: var(--bard-color-neutral-96) !important;
border-radius: 1em !important;
}

/* gemini-hover */
.side-nav-menu-button,
.boqOnegoogleliteOgbOneGoogleBar,
top-bar-actions {
opacity: 0 !important;
transition: opacity 0.3s ease-in-out !important;

&:hover {
opacity: 1 !important;
}
}

this one

but when i put it, it doesnt work. currently im using it through the stylus extension but i wanna put it in the css file

[rain fern]

what is that

[rain fern]

how to make it like this

my github is not working even with the extension on

[dull rover]

no no no... website specific code should not go into userChrome.css... it's better to keep them in stylebot addon or just use my own addon which makes it much easier

[dull rover]

do you have the high contrast theme on? if so, try switching to the default auto theme

[rain fern]

sorry , dark reader broke my theme

[arctic pike]

i tried your addon. but the problem is that, i cant disable a code for a perticulat website :((. for eg i like a different code for youtube

[dull rover]

ahhh ye, it's possible ... I only added dark reader support for websites without a auto theme

[dull rover]

I added those features... only has minor bugs I think... site specific themes are now very much possible...

if not, install stylebot and use with it

[arctic pike]

i tried disabling it for youtube. but the moment i restart my browser, they r enabled again

💀

also can u fix the youtube music?

[dull rover]

ahhh I still couldn't reproduce this issue... seems to be either a browser issue or privacy settings...

[dull rover]

I'll try to hide that, but you can also hit this 3 line hamburger button to hide that and switch to compact view

[arctic pike]

is it not possible to make that transparent as well? i mean that is also a reason why i wanna disable the youtube one

you can try making it like this

or maybe add a darker background like this

[dull rover]

unfortunately this is not a usable solution... it's better to have a bg than being broken... transparency without blur still makes the text unreadable and adding blur just doesn't work.... I am still looking for a workaround for this for months... if I find, I will sure update with it

[arctic pike]

ohh okk

btw

can u tell me how exactly i can turn off the transperency for a websitee?

with the addon?

@dull rover as u can see, the site changed are back to default on changing the settings for another site :((

[dull rover]

sadlyy i just found a bug that prevents (sometimes) ... I'm gonna tryy to fix but this time... I have no idea why it happens... might take a while

[dull rover]

btw, to disable a feature, yyou need to relaod after...

[arctic pike]

ohh. but it happens all the time for me btw 💀

[arctic pike]

its still the same

even if i reload

i just tried

:((

[dull rover]

ohhh... from myy testing, it happens if i toggle stuff in a different tab and come back.. let's see...

For now, these are the related issues to keep an eye out : https://github.com/sameerasw/zeninternet/issues/2

https://github.com/sameerasw/my-internet/issues/8

[arctic pike]

ohh

[dull rover]

Hey, can yyou update your addon to 1.3.0 and test if the feature state not being persistent issue is now fixed or not 🙂

[dull rover]

FIXED in 1.3.0 only took a couple of hours

[arctic pike]

lol niceee

thanksss

[rare hemlock]

google issues again? 😭

[dull rover]

where is this? all fine for me

[dull rover]

ohhhh I seeeee! I never visit the home page since it's useless... I'll update 🙂

[rare hemlock]

mine looks like this

[dull rover]

fixed 🙂

I think it's safe to say that from the addon's side, things are now much stable so focusing on styles ...

It would nice to have dynamic unloading to have so disabled features show up without a reload but seems like a reach for now

[rare hemlock]

am i doing anything wrong?

[rare hemlock]

nicee

[rare hemlock]

also is there something wrong with the google css? ur previous stylebot code works fine but the extension code looks a bit weird

[carmine swan]

Is the transparent theme extension available on chrome extensions?

[dull rover]

I just fixed what was left of it.. but I certainly did not have this much bars tho... from what I see, it's content dependant so I will try switching with accounts to get it

Changes should be available sooon

[dull rover]

you have darkreader enabled, I did not script for darkreader on websites which has automatic theming built-in

[dull rover]

unfortunately we can not modify chrome browser so we can not remove the white plate behind the browser's tab renderer so we can not make the browser transparent ..... so no

[rare hemlock]

Oh ye removing it fixed the lines

[rare hemlock]

i tried it on a brand new profile with a different account

[dull rover]

go into drive's settings and check if the theme is set to auto... and also the white tint can b removed... it was added in 1.8b

[rain fern]

private mode bro 😭💔

[dull rover]

think you need to edit userContent.css for it but not sure tho... maybe possible with userChrome?

[rain fern]

do you have the edits for userContent

normal web browser work just fine

it just the private tab

[dull rover]

think this should work but I can't see it in my theme editor tho

i think the url(about:privatebrowsing) part is what does the thing

[rain fern]

still does not work

here is my userContent file

[dull rover]

ye I got no idea how it worked eihter.... I'll share if I find... maybe with userChrome? but I doubt

[rain fern]

i forgot how i got it to work previously..

[carmine swan]

What about WebKit browsers like Safari and SigmaOS

[rain fern]

i need to wipe my browser bcuz something broke

[dull rover]

here we go again

[rain fern]

things just happen

[rare hemlock]

bro i just wanna say this is so clean insane work!

[dull rover]

I miss transparecy on YTM ... cuz using the dedicated app for discord rpc and such

[vagrant marten]

this looks so good you give css?

[rare hemlock]

just these two extensions rec. by sameerasw

[brave barn]

Hi, I saw you closed the issue, but it doesn't really work because classes are generated and not constant, ChatGPT says something like [class^="styles__HolderButton"] (there are more classes) can be used, it's prefix based styling, I tried with some colors and it did wok, but transparent one didn't, maybe requires page reload, do you accept pull requests or how can we handle it?
https://github.com/sameerasw/my-internet/issues/20

[dull rover]

ohhh... it's one of those websites... like google.. I hate random css selectors... seems like we might have to apply for variables but then it will break overlays....

Yes, prs are very welcome ❤️

[rain fern]

why my monkeytype dont look like the preview pics on github

[rare hemlock]

add this to ur userchrome.css

.browserStack browser {
    background-color: transparent !important;
}```

[brave barn]

Can you update this?

[dull rover]

1. because of the new light bg in tabs after 1.8b

2. could be because of acrylic effect in Windows

[dull rover]

Done, thanks for the css 🙂

[dull rover]

Fixed this: https://github.com/sameerasw/zeninternet/issues/3

So wikipedia now works

[rare hemlock]

wiki looking fireee

[pine storm]

Hey, can you correct this overlapping on Instagram?

@dull rover

[arctic pike]

also the comments

[pine storm]

? Comments of what?

[arctic pike]

insta posts

@dull rover i have a good threads code

if u need i can share

[dull rover]

think I fixed the comments.. lemme take a look again.. insta and basically any meta app is so hard cuz they always use non-descriptive css

[pine storm]

It's like this.

Which is good tbh

[arctic pike]

ohh

[dull rover]

ohh nice, I think I have one too but unpublished so I will merge them

[arctic pike]

also the background of notes

/* THREADS */

@-moz-document domain(threads.net){
*{
background-color: transparent !important;
}
.x7c8izy{
background-color: rgba(0, 0, 0, 0.15) !important;
}
.xjbqb8w:hover{
background-color: rgba(0, 0, 0, 0.3) !important;
border-radius: 10px !important;
}
div.x1pq812k:nth-child(2){
background-color: rgba(0, 0, 0, 0.15) !important;
border-radius: 15px !important;
}
div.x1afcbsf:nth-child(1) > div:nth-child(2){
background-color: rgba(0, 0, 0, 0.7) !important;
border-radius: 10px !important;
backdrop-filter: blur(8px) !important;
}
.x1e3a9a0{
background-color: rgba(0, 0, 0, 0.4) !important;
border-radius: 10px !important;
backdrop-filter: blur(8px) !important;
}
div.xfex06f:nth-child(2){
background-color: rgba(255, 255, 255, 0.15) !important;
border-radius: 20px !important;
backdrop-filter: blur(20px) !important;
}
.x1pim928{
box-shadow: none !important;
}
.x13fuv20{
border-top-style: none !important;
}
.xu3j5b3{
border-right-style: none !important;
}
.x26u7qi{
border-left-style: none !important;
}
.x1l19134{
border-bottom: transparent !important;
margin-top: 8px !important;
}
div.xz401s1:nth-child(3){
background-color: rgba(255, 255, 255, 0.15) !important;
}
}

[dull rover]

gonna fix these now... also can't unsee that border between two panels

[arctic pike]

• {
  background: none !important;
  }
  .dark:bg-midnight-750:is([data-theme="dark"] *) {
  background-color: rgb(29 36 57 / var(--tw-bg-opacity)) !important;
  }
  .dark:before:bg-midnight-800:is([data-theme="dark"] *)::before {
  background-color: rgba(23, 30, 50, 0.2) !important;
  backdrop-filter: blur(512px);
  }

this one's for copilot

[pine storm]

Add 3 ` at the start and end of each code snipped you're sending.

[arctic pike]

whats tht?

ion know css

i got these codes

[dull rover]

likr this

to make it a code

[pine storm]

Press this 3 times at the start and end of each code...

[brave barn]

Can you try this?

[arctic pike]

ohh

[dull rover]

had to create a new theme for threads since this did not support the light theme.. now updated... this is the second time my browser crashed... I hate meta apps debugging

[dull rover]

Would this "Zen View" (I call it) with comments be interesting enough to convince ?

[pine storm]

Hey, can you increase the contrast of these buttons on https://threads.net ?

[dull rover]

i can but then the active tab's only indication will be the filled icon if that's fine

done

[pine storm]

Right, well is there any special color or indication mark you can add for the active button?

[rain fern]

i alr refreshed fetch styles but this still dont work

[pine storm]

update extension

@dull rover Hey, the text here is black. Can you make it white or is there anything I need to do here?

[rare hemlock]

u need to toggle dark mode on the right

the text will turn white after the toggle

[pine storm]

on the right?

where?

Ah, I signed in and that made it worse!

[rare hemlock]

here

[rare hemlock]

not sure about that

[dull rover]

I couldn't find any classes like (active) or any pseudo to use since it's a 💩 meta site but I will look into

[dull rover]

using dark readeR? switch to wikipedia's native auto theme

[rain fern]

yeah it does the work

so when do we have private windows

[dull rover]

this is weird... I'll try to see if it changes after logging in, got no acc

[rain fern]

transparent

[pine storm]

I guess the transparency breaks if any random theme is applied from Settings.

[dull rover]

I'm still looking for that... tried adding userContent.css?

[pine storm]

You can just tell me which theme I am supposed to use

[dull rover]

i guess so

[dull rover]

I'm afrait to change anything so when I get a time, I will try Twillight and to mod it

[dull rover]

ohh wait... I was thinking abt private... what's random theme?

[pine storm]

You said there is a native auto theme in Wikipedia where you created the transparency CSS for it. What's the name of it?

[dull rover]

I meant this... auto light dark theme

[pine storm]

After creating account, go into Settings>Apperance

There you have random themes

To choose from

Tell me which one am I supposed to use

[dull rover]

ahhh I assume that changes the actual bg of the page... I can try to counter that but the issue is that is doesn't support ligh/dark themes right?

[dull rover]

default is set for me

[rare hemlock]

is this out yet?

[pine storm]

What is the name of it?

[random snow]

I saw that for your "zen internet" extension, this is how it is on YT, is there a way to make it so that the recommended videos feed is still visible on the right side of the description when scrolling down?

[dull rover]

ye.... refetch youtube

[dull rover]

vector 2022

[dull rover]

huh... now turning off features does not work in youtube.... but only youtube.. I wonder why

nvm, forgot to turn off stylebot

[rare hemlock]

the theme only works in theatre view for me but not the default view

[dull rover]

what theme? the comments hover?

[rare hemlock]

ye

[dull rover]

you can turn off last 2 options and only have the full view theatre mode without comments on side and with the recommendations at bottom

[dull rover]

yeap.. had to do it since otherwise there's layout issues and also things gonna hover over other things

[rare hemlock]

ohhh alr

[dull rover]

tried something... layout is fun but not easy to fix the preview and hover stuff it seems 👀

[rare hemlock]

not sure how i feel about this, the progress bar seems a bit out of place

maybe making it rounder would look better? i have no idea

[arctic pike]

@dull rover can u remove the background of the timer in the ai studio website?

like when i ask it something this timer comes and it has this ugly background

i think it would look cool without the back box

[dull rover]

Press T to enter Zen View

[dull rover]

ye, I tried... I made the progress bar the same as the backhround but hovering it was the still issue so gave up

[dull rover]

done

[arctic pike]

is it available in the extension?

[dull rover]

ye, just re-fetch now

[arctic pike]

okk

[arctic pike]

https://github.com/YashjitPal/Arc-2.0 gave credits to zen zero for the transparent websites

[pulsar arch]

Are not all the styles there in the extension?

Like there was one for fmhy before the extension, but it's not in the extension now

[brave barn]

Can you update faceit to this? Should work better than my last suggestion
#1335963848087306333 message

[dull rover]

I noticed

Great job btw

[dull rover]

I had it in stylebot but forgot to add, just did... refetch 🙂

[dull rover]

done!

[arctic pike]

thankssss

[brave barn]

I mean, it has some flaws with border radius and "z-index" elements, but for * styling it looks good, thanks

[pulsar arch]

Is the dark reader css also there in the extension?

Coz then I can fully replace stylebot with the extension

[dull rover]

ohhh that's clean! might break the light theme if ther eis any but who cares 😁

[dull rover]

for the websites without a native dark theme? yeys... I think like 99% of the websites added are ready to be used in dark or light theme if it has one or if not with dark reader 🙂

So anyy website should be usable on both dark and light themes... Websites which do have a theme switcher or an auto theme, I skipped dark reader cuz it's just better

personally I still have stylebot but that's onlyy for creating new themes... then I turn off and use zen internet with darkreader

[pine storm]

Hey, can you add blur to top section like this so that overlapping of text can be prevented?

@dull rover

It will significantly improve readability.

And I am not asking this just for GitHub, but all the sites where there are top sections like these overlapping the content's text while scrolling.

[dull rover]

Blur is not possible on overlay elements when the browser is transparent because of https://github.com/sameerasw/my-internet/discussions/62

But I am currently re-doing entire github because the current implementation uses css variables which breaks these overlays.

[dull rover]

on websites where they add a class like .sticky or so I added a background to the header but on those who does not, I can not detect the page is being scrolled so I could not

[pine storm]

Oh okay. Also will there be that "*" feature in this extension so that specific CSS not created for any website can also be blurred?

Like I've my College website and the Stylebot extension with * could make it look really cool after gradient effect implementation.

[dull rover]

I can tryy to add a * for anyy website but that is gonna break like 90% of the websites sinece most of them has any kinds of overlays... and also the biggest issue is that then users gonna use it anyways but not request themes for them so the website never gets themed properly...

If I do, this will be an implementation from the addon's side but there's also gonna be an issue where I have to make it website specific... I will try to implement it.. gonna create a feature request so anyone can try

[pine storm]

You can make it like an option that can only be turned on for sites which doesn't have a specific CSS made for it. In this way, user can choose on which site * option should be turned on as per bg and the other sites stay unaffected.

[dull rover]

I think the solid color is the way to go instead of blur

[dull rover]

yeap... gonna do that... I think I can add the css to the repo itself and then fetch it differently... will try smthing

Which is better? go full transparent or leave cards?

[pine storm]

It think you can add option like these so that as per wallpaper user can choose it the way it fits perfectly.

[dull rover]

noted

aperently debugging the pages isn't easy LOL

[pine storm]

I once saw Zen using ~50 GB of RAM with user don't having the habit to close tabs. I remember he had default tab unloader of 40 mins on and yet that was the case. Idk whether it was Zen's fault or Mac's fault for unoptimized processing!

[dull rover]

Done! re-fetch and refresh... and if you see any defects, please report here or in the repo as an issue so I can improve, thanks for the feedback tho 🙂

[pine storm]

Alright, I'll try it now.

[dull rover]

here, for me it was the developer options... it does like to have much memory possible... editing css means I have to re-open the browser often so it won't leak memory LOL

[dull rover]

https://github.com/sameerasw/zeninternet/issues/4

[arctic pike]

can u add a background to the comments??

ps this is twitter

[rare hemlock]

full transparentttt

oh ye since ur using an external monitor, how do u control the volume of it? my monitor doesnt support ddc 😭

[dull rover]

I don't... mine doesn't do DDC either even tho it's a very professional creator monitor... I never use it's audio... just remembered that it had LOL

I either use macbook's speakers cuz they are great or connect to my buds or to my room audio setup via bt

[rare hemlock]

ohhh alr

[dull rover]

done

[arctic pike]

thanksss

[pulsar arch]

Holy

This guy is so goated

[dull rover]

it's sunday, raining... idk what else to do (Meanwhile having a coursework to be done from scratch and work from tomorrow again )

[arctic pike]

wouldnt it look cool if like other websites' css this sidebar of instagram only appears on hover?

[dull rover]

that I can do easily.... I tried making it icons only but that also nukes any text in the app LOL

[arctic pike]

ohh

i think you should also improve the google css one 😭 ik im asking a lot but it has a lot of problems

idk if its possible with css or not but what if the tools and the text in google in centre aligned like other websites

it would loook cool

[ruby vortex]

Wouldn't it be great to have Discord left sidebar (channel and rooms) only show on hover (hidden while not using it)? Just like your Reddit CSS

It'll make the site cleaner and more aestheticaly pleasing, I think ^^

[dull rover]

done... also added an option to center the feed (breaks in settings page) to satisfy my OCD

[arctic pike]

how to enable the option?

[dull rover]

That is unfortunately as how it is because google sometimes display full width stuff which makes it impossible to center the other times... also they are using grids here which makes things much more difficult... I would give it a try tho

[dull rover]

after fetching, it should be enabled by default

[arctic pike]

ohh

i see

[dull rover]

like dis?

[cloud quartz]

Man, i might just switch to discord web, just for that and that only…

[rare hemlock]

yo same this is unrelated to the extension, i was just wondering is its possible to remove the background in pdf viewer and make it transparent with css?

[pine storm]

@dull rover Hey is there a way to have a solid/blur bg to this?

[dull rover]

Not bad.... opened spotify like 3 years later

[dull rover]

should be possible with userContent.css

but you on mac right? y not preview or quick look?

[dull rover]

wait... that shouldn't look like that...

[ruby vortex]

You see ? Things like this make my days !

Thanks you for accepting all those petitions, and offering the best experience possible. You rock !

[dull rover]

blur, no

I'll add a plain bg.. also I can't find the close button

[pine storm]

Extreme Top Right Corner! 😄

[wild moat]

is there a tutorial video of it? a little too confusing.

[dull rover]

video, nah... btw, what OS you on? Windows?

[ruby vortex]

Well, I finally managed to have time to try it, and it doesn't seem to expand when I put my mouse over the server icons/download icons like your's does. So, for the time being, I desactivated the function 😉

Thanks anyways for trying, you rock ^^

[arctic pike]

Can you do one for music website?

[rare hemlock]

Haha cus the pdf viewer css looks too clean

[dull rover]

weird, maybe related to css naming, I will test on a different device and try to fix 🙂
https://github.com/sameerasw/my-internet/issues/90

[dull rover]

What website? 👀

[dull rover]

My userContent is modified but idk how I did it back then .. it was in the first day I used zen so might have broken it by now... If I do, I will share the userContent.css

[dull rover]

unfortunately I can not reproduce this issue.... Using any specific settings or discord settings?

[arctic pike]

Ohh I missed the word lol. Apple Music

[dull rover]

Already added 🙂

[arctic pike]

Ohh thanks 🙏

[pulsar arch]

WTF

The discord web update is soooo clean

[ruby vortex]

I'll answer you when I get back to my main computer ^√^ (and try on another one with clean profile)

Thanks ^√^

[past island]

does the transparency work on win10?

[dull rover]

probably not without any mods like mica for everyone but I got no idea abt them... doesn't win10 version include acrylic?

[past island]

i have no idea tbh

where can i check

[dull rover]

try this:
browser.tabs.allow_transparent_browser -> true in about:config and reopen zen... if that adds blur to your not compact sidebar,w e good

[past island]

its true for me

ok yea userchrome.css doesnt exist in style editor
i followed the steps from live editing guide

nvm it does it just doesnt work ig

on win 10

[ruby vortex]

Well, my Discord settings seems pretty normal. I tried desactivating the Stylus extension (in case I had Discord CSS) and a Vencord extension...But it's no help. If I can, I'll make a video to show you ^^

By the way, have a nice day 😉

[dull rover]

Maybe someone else can help

[ruby vortex]

The thing that I don't understand, is that one month ago I was using the Stylus "Discord - Minimize/hide Channel + Friends sidebar" CSS and it worked. But, even after updating it, it doesn't now.

So, I know it (auto expand on hover) _should work, but it just refuses for me xD I have bad luck, I guess

[dull rover]

I didn't even know vencord had an addon

wait.. does it?

[ruby vortex]

It had, but they abandonned it. Someone made a fork to keep it working, seens he was using it

At least, that what I recall..It's been like one year seens I have it installed xD

[dull rover]

ahhh got it

[ruby vortex]

Just tried on a portable version of Zen Twillight that I just downloaded, to see if it'll work with a clean Zen Browser...Result is nope.

Honestly I don't understand why xD

[dull rover]

[dull rover]

huh... weird indeed

[ruby vortex]

The fact, is that it does hides the channels, but it doesn't make them visible on hover

Seens I have the, bad, habit to hyperfixate on fix...I cannot try everything I think of xD

[dull rover]

Well, if I find another one person at least, would be able to pin point the cause

[rare hemlock]

wait who wrote this

[dull rover]

https://reddit-wrapped.kadoa.com/sameera_s_w?share I

[rare hemlock]

lmao someohow very true

[vagrant marten]

mine is similiar lmao

[rare hemlock]

ye

[dull rover]

ye... pretty much the same.. reminds me of my days back in Windows

[dull rover]

If only ff Android was modifiable 🤌

[pulsar arch]

Lmfao

[neon badge]

I mean, it is tho

not as good as ff desktop, but still open source

[marble sapphire]

getting this weird bug of spacing on youtube

[dull rover]

click on the drawer button to collapse it... (it's visually hidden but still takes the space unless we click the button to close drawer)

[marble sapphire]

did that still the same :(

[cloud quartz]

would be pretty nie if the post is centered when there's nothing else next to it

[dull rover]

sure all on? especially the left side guide one? and reload

[dull rover]

this thing is there no?

[cloud quartz]

yeah, when not on hover i mean

because this looks a bit awkward

[dull rover]

ye that's not gonna be easy since that's intended behavior from reddit on smaller screens

I once tried putting the post on left and then comments on right but that was difficult too

[cloud quartz]

oof yeah, that's understandable

[dull rover]

ye... I wanna modify a website to have cool features like with Youtube but I hate when they have 💩 css

[marble sapphire]

these are the only options i can see kinda confused

[dull rover]

open the addon pop-up when you are int he website you wanna modify. then you will see all the specific features for the active website

https://discord.com/channels/1088172780480114748/1346392552483459092

A cool setup

[marble sapphire]

turned on all features, also removed any other css cause i thought that was the issue, still getting this spacing in theatre mode even when i close the menu

[dull rover]

you sure you don't have anyyy other addon that can interfere? because in the zen view, you should have the player take the full height of the window

And also the yt header should be auto hide as well.. tried re-fetchign themes too right?

addons like improved tube can make things different

[marble sapphire]

its auto hiding

[marble sapphire]

ill see if theres anything else thats interfering and get back to u then

[dull rover]

ye.... player height is the thing looking weird here....

[marble sapphire]

yep yep thats def the issue

[dull rover]

this very much looks like my old css applied with stylebot or so.... back then I used another addon with it so I only had half implemented it so videos get cut off like this

[marble sapphire]

ooooh? im indeed using stylebot

forgot it was on, now its working perfectly

thanks alot <3

[dull rover]

[mighty dawn]

on duckduckgo there are these wierd shadows

[dull rover]

fixed 🙂

[dull rover]

👀

[sullen flume]

i was trying to implement your floating urlbar animation in my css because it looks rly cool but for some reason it aint working

[dull rover]

I'm animating the page itself if I detect the urlbar is open from a higher level ... kinda complicated but try my userchrome

[rain fern]

anyone have tut for private windows transparent again

also the monkeytype theme to be like this :

[dull rover]

I tried to do the userContent modification again but I could not modify one of my addons.. weird... I will keep looking... I can't even remember how I made the ff settings page transparent

[rain fern]

keep up the great work i need private tab so bad :|

[dull rover]

nvm , just found it... but not sure how... I had to manually add teh userContent.css to the live editor.. but making changes there did not work.. I had to select this other userContent.css to make things work

my current userContent.css

  --zen-colors-tertiary: transparent !important;
  --zen-settings-secondary-background: transparent !important;
}

groupbox{
/*   background: var(--zen-colors-tertiary) !important; */
  background: var(--zen-colors-border-contrast) !important;
  border: none
}

@-moz-document url(about:home), url(about:newtab), url(about:privatebrowsing) {
  body, .App{
    background-color: #00000000 !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;
  }
}

[dull rover]

I somehow opened this file in the live editor and that was how it worked, no other method worked

[rain fern]

how to open the live editor thing

[dull rover]

like you edit the userChrome.css
⌘ option shift i / win alt shift i
I think

[rain fern]

where do u even find userContent

[rare hemlock]

Wait what’s happening here?

[sullen flume]

yeah i noticed that, i tried your userchrome and that animation is sick, so i tried to copy that specific code i guess its like 5 lines or something and pasted it in my userchrome but it wasnt working prob some element is interfering with it

[ruby vortex]

So, I tried this CSS, with Stylus, and show on hover works on Discord. Maybe you could have a look, sameerasw ?

https://userstyles.world/style/4877/discord-minimize-sidebars

[rain fern]

these look nice ngl

[rain fern]

magicly working after some minutes

[dull rover]

I had to import using the import button

[dull rover]

trying to edit userContent.css

[rain fern]

idk i just edit userContent and somehow it works

[dull rover]

I think I had a little line above that also for the transition to apply the animation but not sure

[dull rover]

ohhh that's wayyy more cleaner... and got nice options too... I added a similar one to the app as well with vencord

[dull rover]

ye, it be like that

[rain fern]

we have vencord since when ?

can i have it

[dull rover]

only for the app I think... the addon is outdated (but might still work ig)

for the app, you can get transparency on windows with mica for everyone .... on macos, it's just transparent so did not use it

[rain fern]

web version or vencord ?

do u need to install anything other than mica for everyone

[dull rover]

discord app + vencord patches + mica for everyone should work from what I read...

there was an addon for web but it's not updated anymore ( but still kinda works)

[rain fern]

where can i find it

[rain fern]

isnt this like midnight theme on betterdiscord

[dull rover]

https://github.com/Vendicated/Vencord/releases

[rain fern]

thanks

[dull rover]

nvm, it's getting updates..

[dull rover]

ye, I installed the theme adding a css link ...

[rain fern]

dont u tryna make zen internet discord theme

[dull rover]

I could try but a time consuming thing ig... also there's plenty of vencord themes already available we can use even on web so not much needed

[sullen flume]

oh, ill try to find it

[rain fern]

a transparent icon (without the rounded black square) and hide the search bar would be good

that just me saying

dont know if possible

[dull rover]

should be possible but you may have to fetch the iconb from web

[arctic pike]

idk if reddit changed their ui but now the background transparent thing isnt working like it used to do :((

[pine storm]

@dull rover Although Meta websites are shit, can you try and make the bg of popout when hovering on any id blur or opaque on Threads?

[dull rover]

ohhh that does loook like a new UI, I'll check

[dull rover]

I'll try... they don't use role="dialog" or any as I rmmbr so things are much difficule... might take some time today 🙂

[dull rover]

for me, transoparecy is still there but a new auto expand sidebar was added... I added hover for that now

[arctic pike]

Also the websites didn't seem centre don't know if u changed that as well

[pastel vigil]

hhhh why does mine look like this

oh i got it

So I need to turn on dark mode for all websites?

[sullen flume]

tried adding the animation for urlbar in my code, works really well tysm

[dull rover]

yeah... they still have the two column layout... just the sidebar was changes

[dull rover]

if the website has a native dark/light mode, I added support for both but if it doesn't toggle automatically (system theme) you will have to manually do...

if the website does not have a dark theme, I added wildcards for darkreader addon allowing transparecy but overlays might break

[dull rover]

niiiiice, for some reason blur looks much better there

[sullen flume]

/* Add blur when URL bar is opened */
#urlbar[open] {
    margin-top: 3px !important;
    padding-top: 6px !important;
}

#browser:has(#urlbar[open]) .browserContainer {
    pointer-events: none;
    filter: blur(2rem) brightness(70%) saturate(180%) !important;
    backdrop-filter: blur(2rem) contrast(90%) brightness(30%) !important;
    opacity: 0.85 !important;
    transition: filter 0.6s cubic-bezier(0.2, 1, 0.3, 1), 
                backdrop-filter 0.6s cubic-bezier(0.2, 1, 0.3, 1), 
                opacity 0.6s cubic-bezier(0.2, 1, 0.3, 1) !important;
      transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.35) !important;
      scale: 1.09 !important;
      opacity: 0;
    will-change: filter, backdrop-filter, opacity !important;
}

/* Remove blur when URL bar is closed */
#browser:not(:has(#urlbar[open])) .browserContainer {
    filter: blur(0px) brightness(100%) saturate(100%) !important;
    backdrop-filter: blur(0px) !important;
    opacity: 1 !important;
    transition: filter 0.2s cubic-bezier(0.25, 1, 0.5, 1), 
                backdrop-filter 0.1s cubic-bezier(0.25, 1, 0.5, 1), 
                opacity 0.2s cubic-bezier(0.25, 1, 0.5, 1) !important;
      transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.35) !important;

}

/* Make background of floating URL bar blur */
#urlbar-background {
    background: rgba(0, 0, 0, 0.1) !important;
    backdrop-filter: blur(7px) !important;
    border-radius: 12px !important;
    border: 0px solid rgba(255, 255, 255, 0.2) !important;
    padding: 10px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3) !important;
    transition: background 0.3s ease, box-shadow 0.3s ease !important;
}

#urlbar-background:hover {
    background: rgba(50, 50, 50, 0.3) !important;
    box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.4), 0 12px 40px rgba(0, 0, 0, 0.3) !important;
}

/* Floating URL bar styling */
#urlbar[open] {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) scale(1) !important; /* Scale set to 1 */
    width: 50vw !important;
    max-width: 600px !important;
    z-index: 9999 !important;
    border-radius: 13px !important;
    background: rgba(0, 0, 0, 0.3) !important;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.4) !important;
    backdrop-filter: blur(7px) !important;
}

/* Ensure floating URL bar stays centered when a new tab is opened */
#main-window[windowtype="navigator:browser"] #urlbar[open] {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) scale(1) !important;
}

/* Fix for compact sidebar mode: Force URL bar to center properly when clicked */
#browser[sidebar="compact"] #urlbar[open] {
    left: 50% !important;
    transform: translate(-50%, -50%) scale(1) !important;
}

/* URL bar results animation */
#urlbar-results {
    opacity: 0;
    transform: translateY(-10px) scale(0.95);
    transition: opacity 0.3s ease-out, transform 0.3s ease-out !important;
}

#urlbar[open] #urlbar-results {
    opacity: 1;
    transform: translateY(0) scale(1);
}

/* Adjust zoom button position */
#urlbar-zoom-button {
    position: relative !important;
    left: 30px !important;
}
#urlbar[open] #urlbar-zoom-button {
    left: 0px !important; /* Reset position when URL bar is open */
}

i just added the one line of transition code you use for the tab switch animation and pasted it in between here, seems to be working exactly how i was hoping for it to work

[dull rover]

that's good idea... also a much cleaner css as well ❤️

That's a lot 💀

[arctic pike]

I have a good transperency theme idea for ai studio

if its possible for making these things on hover

and making the chatbox like gemini which is kinda clean ngl

and maybe giving these things a ui like this

@dull rover is it possible?

[dull rover]

that I could try ... good idea.. to make both gemini look alike

[dull rover]

doesn't this cause issues when text behind it?

[dull rover]

that's a nice youtube home feed UI idea

I will try these...

BTW, Something big coming up 👀

Update your addons! Force theming is here and this makes my hassle of creating like 50 themes per day wayyy easier 😁
You can add specific sites to skip force styling 🙂

[arctic pike]

omg nicee

how did u make the extension icon to look like the cmnd button of mac?

[arctic pike]

yeaa probably

[arctic pike]

it looks fine on gemini though. i dont think it will cause the glitch on ai studio

[arctic pike]

pls also try on ai studio as well

[pine storm]

@dull rover Will your extension work here?

[rare hemlock]

i dont think so but i think there's code in his css that makes settings transparent

[pine storm]

Ah, I need it rn!

I intend to make every Zen Page transparent.

[rare hemlock]

maybe try this :root{ --zen-colors-tertiary: transparent !important; --zen-settings-secondary-background: transparent !important; }

dont know if this is it ive just been looking thorugh my usercontent

[pine storm]

Any root CSS code breaks Natsumi

Any other way?

[rare hemlock]

i dont know of any other way

maybe try asking in #css-mods lol

i use lacuna so its fine with me, but lacuna does have natsumi pdf viewer and find bar

[rare hemlock]

damn trasnparency really makes some poorly designed sites look godly

[dull rover]

It's in my userChrome.css I swapped it and darkreader icons

[vagrant marten]

there was guy here in this server who owns the extension which can generate transparent pages css through its algorithm you can takes his help if you are stuck or wanna get this more easily

[dull rover]

nah... gotta edit userContent for it... later I will show a warning in the pop-up if I get time to think abt it

[sullen flume]

woah looks clean

[pine storm]

I will wait for your userContent.css eagerly. Ensure each Zen page blurs! 🙂

[dull rover]

there I just need to match all the mozilla urls and show that they can not be themed with addons

[dull rover]

ohhh i don't have it in my repo cuz I'm so bored to edit my github action to skip it.. so I'll drop it here...

[pine storm]

I hope Natsumi doesn't break.

It broke.

Nvm, the code works; that's all I want!

[vagrant marten]

cooked hard🔥

[pine storm]

Bruh!

Share your wallapaper!

Eh, I was just a min late. How you can go offline like that?

[vagrant marten]

lmao i am invisible

[rain fern]

how do u import it to the live editor ??

the userContent.css file

[pine storm]

What's the need for that? Just go to about:support and open Profile Folder. And then download the file in your Chrome folder.

[dull rover]

Some may say that's one of the least visited pages.. but I would say, i at least visit that page once so that's enough of a reason to theme it 😁

especially about:config but there I need to do a lil bit

[pine storm]

You using MicaForEveryone or any other specific gradient? Color isn't very strong for me...

[vagrant marten]

how its looking show ss?

[pine storm]

@vagrant marten

[vagrant marten]

eh remove gradient

add #0000000 to as color

[pine storm]

You see, the hex code entry field has been removed from Zen from version 1.8b.

[vagrant marten]

oh i am using twilight

[sullen flume]

there is a config for thatr

[pine storm]

Kindly share it.

[sullen flume]

zen.theme.gradient.show-custom-colors

[pine storm]

thanks

[dull rover]

about:config go brrrrr

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

[pine storm]

What does this do?

Oh, it makes all modified preferences transparent as well!

Anyways, what is your wasapi in config? @dull rover

[dull rover]

wasapi
Who?

[pine storm]

media.cubeb.wasapi-raw

[vagrant marten]

what this denotes?

[pine storm]

This was the reason my Snipping Tool stopped screen recording.

I had to change the value to 1 to make it work again.

[vagrant marten]

mine is 0

still records

[pine storm]

Idk how your Screen Recording works then. In my case error reported that wasapi has to be in exclusive mode while an active app (Zen) is using it in shared mode.

@dull rover Reporting that about:processes caught lacking.

I.e., it's still opaque after the code you gave earlier in userContent.css.

[rare hemlock]

yeeeeeeee

[rare hemlock]

yo how do u capture screen without the doc showing

[arctic pike]

can this be in the extension?

[dull rover]

doe snot exist

[dull rover]

I'm on mac

[pine storm]

Oh. Only if you were a gamer, you wouldn't be a concentrated mac user!

[dull rover]

that is jsut pip right????

[rare hemlock]

ye lol but looks very cool imo

[dull rover]

uhmmmm what dock? 😁

I don't use the dock and also the menu bar is on auto hide

[dull rover]

nah... addosn can't modify mozilla pages

[arctic pike]

ohh i see

[dull rover]

also that screenshot was just a crop

[rare hemlock]

this annoying thing

also damnnn same discord theme

[arctic pike]

whats this discord theme

[rare hemlock]

vencord

[dull rover]

I never use the dock, it's on the left edge always hidden... I set it's pop-up delay to something like 10 seconds....

[rare hemlock]

oh thats why

[dull rover]

indeed... it looks cool.. and works great with sidebar auto hide css

[vagrant marten]

cant we have this on discord web?

whats the css can you share

[rare hemlock]

um i think u can if u have vencord

[dull rover]

you can I think with the vencord (or maybe by. injectign the css manually)

[vagrant marten]

stylus works i guess

but what is the css ?

[dull rover]

https://github.com/refact0r/midnight-discord

[vagrant marten]

thanks i got it

tapermonkey is the way

[vagrant marten]

vencord has some lit themes

[arctic pike]

how did u get this? like this semi transparent thing/

[proper geyser]

ikr

i use the system24 theme its so sick

[arctic pike]

what is the name of this discord theme?

[rare hemlock]

omg i found it https://github.com/DaBluLite/Cyan

[rare hemlock]

did some tweaks

[dense fjord]

@dull rover Is there an extension or addon or zen mod for implementing this theme?

[rare hemlock]

which?

[dense fjord]

Umm this Zen zero theme, I think I have read about implementing this theme using zen mod or extension on the notion site and here on this forum page.

[rare hemlock]

oh theres an extension wait

https://addons.mozilla.org/en-US/firefox/addon/zen-internet/?utm_source=addons.mozilla.org&utm_medium=referral&utm_content=search

omg how does this only get 26 users

[arctic pike]

its just cyan with a wallpaper behind it

it doesnt look like I can have transparency with it

[arctic pike]

share what u did pls

[vagrant marten]

same i was also enhacing it from past 1 hour lol

[arctic pike]

bro can u share ur tweaks

[vagrant marten]

it had so many alignment issues

[arctic pike]

how did u use it on zen?

[vagrant marten]

stylus

[arctic pike]

can u share ur code?

[vagrant marten]

here it is

[arctic pike]

does it work without the vencord extension?

[vagrant marten]

yep

ironicaly it doesnt work with vecord extension on firefox

[arctic pike]

share ur modified code pls cuz it just makes it totally based on a random wallpaper behind it also it doesnt work on the dms without the vencord probably

[arctic pike]

ohh

[rare hemlock]

i use vencord on discord app

[vagrant marten]

i guess it is made for vecord app thus it has only issue with discord web

anyway what tweaks you made?

[arctic pike]

can u share ur tweaks?

[rare hemlock]

/**
 * @name Cyan
 * @description Clean and Customizable, with custom background support
 * @author DaBluLite
 * @authorId 582170007505731594
 * @version 6.0.0
 * @updateUrl https://dablulite.github.io/Cyan/Cyan.theme.css
 * @source https://github.com/DaBluLite/Cyan
 * @invite 67VRpSjzxU
 * @colorwayVar cyan-accent-color {{accent}}
 * @colorwayVar cyan-background-primary hsl({{primary-h}} calc(var(--saturation-factor, 1)*{{primary-s}}%) {{primary-l}}%/60%)
 * @colorwayVar cyan-second-layer hsl({{tertiary-h}} calc(var(--saturation-factor, 1)*{{tertiary-s}}%) min(calc({{tertiary-l}}% + 7.2%), 100%)/60%)
 */

/**
* Credits:
* Icons by Bootrstrap Icons
* Fonts by Google Fonts
*/
 
@import url("https://dablulite.github.io/Cyan/import.css");
:root {
    --cyan-interface-shadow: 0 4px 10px 0 rgb(0 0 0 / 60%);
    --cyan-font: 'Roboto Serif', 'Roboto Sans';
    --cyan-background-img: url(https://i.imgur.com/ZMpsAIm.jpeg);
    --cyan-accent-color: #008507;
    --cyan-blur: 48px;
    --cyan-radius-round-interface: 50px;
    --cyan-radius-interface: 24px;
    --cyan-radius-xl: 20px;
    --cyan-radius-large: 16px;
    --cyan-radius-medium: 12px;
    --cyan-radius-small: 8px;
    --cyan-radius-xs: 4px;
    --cyan-channelbar-width: 280px;
    --cyan-loading-header: "Polishing surfaces...";
}

.theme-dark,
.theme-dark .theme-light {
    --cyan-second-layer: rgb(0 0 0/40%);
    --cyan-background-primary: hsla(0deg 100% 0% / 50%);
    --cyan-bg-brightness: .9
}
.theme-light {
    --cyan-second-layer: rgb(255 255 255/60%);
    --cyan-background-primary: hsla(0deg 100% 100% / 60%)
}```

[vagrant marten]

only appearance changes you did?

like changing blur etc?

[arctic pike]

is it possible to import css from cloud?

[rare hemlock]

ye didnt change other stuff

[arctic pike]

like can I do it for github links as well?

with the @import command?

[rare hemlock]

dont know, what i did was i just downloaded the css file and pasted it in vencord

[vagrant marten]

you are trying to use it on zen?

[arctic pike]

yea but what I asked is because if I can use my Zen themes that is uploaed on github with the @import code in my userChrome file

[vagrant marten]

zen themes or discord theme?

[rare hemlock]

i think u can put those css files into ur chrome folder and use @import in userChrome

at least thats how i do it

[dull rover]

think only counts logged in users maybe? not sure

[vagrant marten]

made padding even on all sides , alligned the side bar, top bar properly ,cyan text all over

[rare hemlock]

some icons arent cyan 😭

[vagrant marten]

yep trying to look for their ids

dude crazy thing is that i mixed 2-3 css surcord one cyan discord transparent discord one blended them it also some nice animation tweaks

[rare hemlock]

damn such a shame i dont use discord web lmao

[arctic pike]

Ik i can do tht but I was wondering if its possible to import it from the cloud instead of downloading it locally uk

[arctic pike]

zen theme

[pine storm]

You should've mentioned that it's UI is based on MacOS . I very much hate the complex buttons arrangement on the top left. The Windows arrangement feels more natural at the top right!

[rare hemlock]

not sure about that sorry

[rare hemlock]

for me i simply disable window controls using css lmao

[pine storm]

What to edit?

In order to make controls back to normal...

Like those of Windows.

[rare hemlock]

no i disable window controls entirely

[vagrant marten]

i fixed it completely

[rare hemlock]

nice

[dull rover]

huh... I wonder what it does 👀

[dense fjord]

Thanks!

[vagrant marten]

you can change tranluency like from 7 levels of how much you want

[dull rover]

ohhht hat's rlly nice! Seems like a lot of translucent stuff getting added and refined soon

[buoyant beacon]

how do u install the sidebar hide thing?

[dull rover]

On web, you can get it with the addon
https://addons.mozilla.org/en-US/firefox/addon/zen-internet/

[buoyant beacon]

we need to get this on vencord

[proper geyser]

is it possible to edit some of the css in the addon?

[dull rover]

not on the addon itself but you can use the discord css from my repo and inject with any css injector you like
https://github.com/sameerasw/my-internet/

[proper geyser]

🫡

[pastel vigil]

hi...i uninstalled the transparency extension but somehow my deepseek still looks like this

what should i do to recover it

[dull rover]

got stylebot? or any other css injectors installed?

ohhh nvm, that website does not have a background color since we have th flag enabled to remove the website background plate, it looks like that

[static delta]

what was the fix for youtube videoplayer being zoomed in?

[pastel vigil]

but i uninstalled the extension and all the userchome file in 'chrome'

[neon badge]

I think that's because it's a result of the browser.tabs.allow_transparent_browser flag which enables transparency on websites, if you don't want to use website transparency you should probably turn that off

[rain fern]

youtube short is kinda broken

[rare hemlock]

do u have ambient mode turned on?

[rain fern]

what even is ambient mode

ohh i see

it is fixed nwo

thanks

[dull rover]

using the addon or stylebot? because this shouldn't be an issue now on the addon

[static delta]

Stylebot. Didn’t know there was an addon

[dull rover]

it's the flag

browser.tabs.allow_transparent_browser -> false in about:config

[pastel vigil]

got it

[dull rover]

ohhh I don't weatch shorts but I will try to fix in an account I don't use so my algorithm don't get messed 😁

[dull rover]

ye. not needed anymore 🙂

[static delta]

Ahh well ima switch to it when I get home then. What’s the name of the addon

[dull rover]

https://addons.mozilla.org/en-US/firefox/addon/zen-internet/

[static delta]

Thank you

[dull rover]

ohhh it allows further transparency than the default macOS transparency ... nice, might be a lil too much but can adjust 🙂

[rare hemlock]

light mode users be like 😍

[dull rover]

IKRRRRR!!!! this is why I had to turn off auto light mode... And a new release is on build so hopefuully soon

Yesssss!!!!

[rare hemlock]

damnn looks like acrylic

[tulip shadow]

bro wtf

[dull rover]

hehe

New zen 1.9b release is (kinda) out

[dull rover]

And you may need this for the split view handle fix if you got no gaps

/* no border split view handle fix */
.zen-view-splitter-header{
  transition: margin 0.3s ease-in-out;
  &:hover{
/*     transform: translateY(12px) !important; */
    margin-top: 15px !important
  }```

[dull rover]

this is awesome!

[tall vault]

i cant drag tabs like this- for me it just switches to that tab

[dull rover]

this is 1.9b

[tall vault]

ah

[rain fern]

please hide the text

this is on private tab btw

[dull rover]

@-moz-document url(about:home), url(about:newtab), url(about:privatebrowsing) {
  body, .App{
    background-color: #00000000 !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;
  }
  
/*  no private hint  */
  .info-border > .info{
    display: none !important;
  }
  
/*  rounded search  */
  #search-handoff-button{
    border-radius: 2em !important;
  }
  
/*  no zen text  */
  .wordmark{
    display: none !important;
  }
}```

[rain fern]

there isnt a way to replace icon without fetching ?

[dull rover]

you only can replace it with system icons from what I know... if we can find a better icon for it, we can..... otherwise, gotta fetch it

is it me or the urlbar always stay in dark theme?

[rain fern]

how to import userContent.css to live editor ??

edit the homepage a little

looks cool

[dull rover]

think you can import to the in tab editor not sure tho.. I can't rmmbr how I set it up

[hazy forum]

woah

[hazy forum]

where did the youtube music thing go

[proper geyser]

idk whats up with that but w music taste 🙏

[hazy forum]

lol

the youtube music dosent look like what its supposed to

[rare hemlock]

does this happen to u?

[rare hemlock]

nvm was probably a memory leak

[rain fern]

anyone have a better pdf viewer

[dull rover]

Think you got the video enabled.... I haven't seen this issue yet...

[dull rover]

Jeez, that's wayyy too much.... I think I've only reached that much once with AdBlock + non premium yt account

[dull rover]

I forgot, I had plans to try to modify the PDF viewer, might try today later 😁

[rain fern]

my Zen takes only about like 2GB

sometimes it reach 6 tho

[dull rover]

I usually average below 2gb unless I am watching something in 1440p or something which is less likely with my internet 💀

Max I've achieved was 7.8GB on my 8GB mac because I tried modifying Facebook css, that sht sucks....

I do have a habit of quit and re-open at least once or twice a day tho due to some mods I do or to clear some website cache... That def helps not logging memory

[hazy forum]

how do i disable video

[dull rover]

I think I have set it in settings, but if not, you may need to disable styling and reload once, there should be a video toggle as I rmmbr

Like the one at top here