Function > Form!

[azure orchid]

Thought I'd share my Zen config with the world!!

Thanks to anybody who had to put up with my dumb questions and helped me get my config to this point - I have almost no knowledge of CSS. (though I hope to by the end of next week...)

A majority of the CSS used comes from this post right here: https://discord.com/channels/1088172780480114748/1316720900539678780 as well as assorted snippets I've either found, or forced others to write for me. :LAUGHING: Most of these are located at the top of the userChrome - you are already using A Better, Zen Browser you should only need to copy these to get my appearance without totally resetting your userChrome.

Worth mentioning is the "fake blur" this config uses. This is more convenient to use, as you don't need to worry about your background making browser content unreadable. If you want this look, you will need to copy the CSS commented with "Fake Blur" near the top of the userChrome. You can either use my provided image, or add your own. This CSS will not apply blur to images, so you will need to use a third party tool to do so. Plenty of websites offer free tools. Obviously, the filepath will also need editing. I personally stored my browser background within the Chrome folder of my profile. You can also set a GIF/WEBP etc if you want to - if you find a cool option let us all know below!!

My CSS also removes the back and forward buttons. If you like this idea, you can instead use the Alt/Forward & Back arrow shortcuts to navigate websites. The reload button can be hid using the Customize Toolbar menu. If you want to leave things as is, simply comment that section with /*Anything here is now off!*/

All the userContent.css does is add transparency to Monkeytype. Only use this if you have set up "Fake Blur" or have "Real Blur".

If anybody is interested in any other assets for desktop etc, lmk and I can send them through. Just didn't think this was the right place to share GNOME Extensions 💀

How did Cheff react 🔥 before me? 💀

Damn, he's a bot IG....

In case someone wanted my mods...

New Tab is Bonjourr.

Will make a Github Repo when I have the energy...

[spark hare]

Looks good

[delicate temple]

bro this looks absolutely insane compared to everyones! i have literally 0 knowledge in css so is there any way you can provide instructions in such a way that i can copy your css file and i will get the exacy same result?

[azure orchid]

Appreciate the compliment - I'm also close to 0 CSS knowledge but here's how you can get this look:

Downoad the userContent.css and userChrome.css, as well as the image here: #1320347411163644005 message

In Zen, type about:profiles into the URL bar, then hit enter. Click on Open Directory for Root on the profile marked "This is the profile in use and it cannot be deleted." Check if you have a Chrome folder. If not, make one. Paste in the userChrome/userContent/image and then open the userChrome. At the top under /* Fake Blur */ copy the file path of the downloaded image, and paste it in between the ' '. Do the same between the ' ' on the userContent. Go back to the about profiles page you opened, and click Restart normally...

If you want my new tab as well first install the Bonjourr extension, and download the .json here: #1320347411163644005 message Allow Bonjourr to set the new tab, and then click the little settings wheel on the bottom right of the new tab. Scroll to the bottom until you see "Import" under Settings file. Select the Bonjourr Config.json you downloaded from the above link, and then set your location for weather/your name if you wanted to turn greetings on (I don't though).

The reload button can be removed in the "Customize Toolbar..." menu. Drag the reload button into the tray on the bottom, and put the sidebar icon at the bottom left/downloads on the right. I have the Proton Pass/Singlefile extensions, but you can pin any extensions you need.

If you want tab folders (they're pretty glitchy though - I would recommend waiting until they're stable and on by default) you need to enter about:config into your URL bar, and set browser.tabs.groups.enabled to true.

[lament olive]

Can you tell me which are the applets in the bar (left)?

[azure orchid]

The two icons at the top left of my tab bar are extensions - Proton Pass and SingleFile

Just pin them and they show like that if you set them to do so in "Customize Toolbar..."

[lament olive]

i mean, the gnome bar :3

[azure orchid]

Oh, sorry lol. If you're after the resource usage, I'm just using the System Monitor extension. It places itself next to your quick settings by default, and doesn't have the option to move it within it's default settings - if you want to move it to the left like me, you'll need to get the Top Bar Organizer extension.

[lament olive]

thx u 👍

[sleek bane]

Ah..
Looks so good

Send the wallpaper

[sleek bane]

Great

[restive galleon]

i understand they're glitchy... but i'm mainly wondering: currently. in what way are they glitchy exactly?

[azure orchid]

For me, I can't easily delete them after making them. The hitboxes are also a bit frustrating, and animations are broken, so you randomly put stuff in folders by accident even though the animation suggests you aren't putting them in/miss the folders although you're hovering where the tab should be dropped.

This is even with the custom CSS - without CSS they barely work, (at least for me) and look dogwater.

[azure orchid]

Here's a little example - you can see that the first tab in the folder pops out when I put one above it, and the folders margins only readjust after I drop the tab.

[azure orchid]

For those wondering what a completed MT test looks like.... Theme is Hedge.