Zen < 0

Custom CSS for Zen Browser. It's empty so it is.

🫥  •  💔  •  ✨

 

Zen is minimal by default. But we can move one step further 🤓

 

Motivation 🫸

Modern features and dense UI not quite interesting. So hide it.

 

Quick setup 🏃‍➡️

Here's short version of userChrome.css with comments removed. Copy and paste it to yours. DONE!

#zen-sidebar-top-buttons,
#zen-sidebar-foot-buttons,
#zen-overflow-extensions-list,
#zen-essentials,
#zen-media-controls-toolbar,
.zen-current-workspace-indicator,
.pinned-tabs-container-separator {
    visibility: collapse;
}

#nav-bar {
    position: absolute !important;
    margin-top: -99px;
}

#titlebar {
    padding-top: 4px !important;
}

 

Full setup 🧭

Step 1: Turn on Live Editing feature.

Step 2: Copy it userChrome.css and done.

 

Extra 🎁

Hide window controls 🗕 🗖 🗙

Enter about:config and set zen.view.experimental-no-window-controls to true.