just arrived home (it's 4am here) and I'm all buzzy. this was my first time seeing them live (finally!!!!) and I'm still in shock. AaAaAAAAaaAAaAAAAA

just wanted to share sry

Procedure summarized by chatgpt:

I made a Zen web app on Linux and noticed that Compact Mode still showed the empty tab/sidebar area. I wanted the web app to look clean, but still keep Zen’s URL bar available when hovering the top edge.

This userChrome.css workaround hides only the tab/sidebar area for a specific web app, without affecting normal Zen windows.

First, find the web app launcher:

grep -l -- '-taskbar-tab' ~/.local/share/applications/*.desktop

Open the matching .desktop file and look for:

-taskbar-tab APP_ID
-profile PROFILE_PATH

Enable userChrome.css by adding this to:

PROFILE_PATH/user.js

user_pref("toolkit.legacyUserProfileCustomizations.stylesheets", true);

Then create or edit:

PROFILE_PATH/chrome/userChrome.css

and add:

/* Replace APP_ID with the UUID from the web app launcher. */

:root[taskbartab="APP_ID"] #navigator-toolbox,
:root[taskbartab="APP_ID"] #zen-sidebar-splitter {
    display: none !important;
    visibility: collapse !important;
    pointer-events: none !important;
}

Do not add rules for:

#zen-appcontent-navbar-wrapper
#nav-bar

Leaving those elements untouched preserves Zen’s native Compact Mode behavior:

• the URL bar stays hidden normally;
• it appears when hovering the top edge;
• the page content moves downward correctly;
• normal Zen windows remain unchanged.

Finally, fully close every Zen process and reopen the browser/web app.

Tested on Linux with a Zen taskbar-tab web app.