This commit is contained in:
Zen Release Bot 2025-06-25 14:16:53 -04:00 committed by GitHub
commit 60fce22457
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 170 additions and 0 deletions

View file

@ -0,0 +1,109 @@
/* Bookmark visibility fix */
#PersonalToolbar {
visibility: visible !important;
min-width: 0px !important;
&[collapsed="true"] {
display: none !important;
}
}
.titlebar-buttonbox {
padding-left: var(
--mod-better_titlebar_and_more-compact_titlebar_right_padding,
0px
) !important;
}
[zen-single-toolbar="true"] {
/* Overlay Titlebar */
#zen-appcontent-wrapper {
position: relative;
}
/* Hide titlebar and spacing */
#zen-appcontent-navbar-wrapper {
position: absolute !important;
backdrop-filter: blur(10px) !important;
background: var(--zen-main-browser-background) !important;
}
@media (-moz-bool-pref: "mod.better_titlebar_and_more.borderless_sidebar") {
&[zen-compact-mode="true"] {
#navigator-toolbox {
height: 100% !important;
top: 0 !important;
/* Hide sidebar background/border */
#titlebar,
#titlebar::before {
border: none !important;
outline: none !important;
box-shadow: none !important;
border-right: 1px solid #ffffff20 !important;
border-radius: 0 !important;
}
/* Custom sidebar background/border */
&[zen-has-hover="true"]:after {
display: block;
content: "";
width: 10px;
height: 10px;
background: var(--zen-dialog-background);
position: absolute;
left: 0;
width: var(--zen-element-separation);
height: 100%;
}
}
}
}
@media not (-moz-bool-pref: "mod.better_titlebar_and_more.compact_titlebar") {
#zen-appcontent-navbar-wrapper {
width: 100% !important;
}
}
@media (-moz-bool-pref: "mod.better_titlebar_and_more.compact_titlebar") {
/* Compact titlebar */
#zen-appcontent-navbar-wrapper {
width: max-content !important;
right: 0;
border-bottom-left-radius: 8px;
overflow: hidden;
}
}
}
@media (-moz-bool-pref: "mod.better_titlebar_and_more.traffic_lights") {
.titlebar-buttonbox {
padding-left: 40px;
toolbarbutton {
list-style-image: none !important;
padding: 6px 10px !important;
.toolbarbutton-text {
width: 12px;
height: 12px;
border-radius: 10px;
border: 1px solid #00000040;
}
image {
display: none !important;
}
&.titlebar-min .toolbarbutton-text {
background: #44cc45;
}
&.titlebar-max .toolbarbutton-text,
&.titlebar-restore .toolbarbutton-text {
background: #f5bc36;
}
&.titlebar-close .toolbarbutton-text {
background: #f55f5c;
}
}
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 168 KiB

View file

@ -0,0 +1,38 @@
[
{
"property": "mod.better_titlebar_and_more.compact_titlebar",
"label": "Compact Titlebar (on the right)",
"type": "checkbox"
},
{
"property": "mod.better_titlebar_and_more.borderless_sidebar",
"label": "Borderless Sidebar",
"type": "checkbox"
},
{
"property": "mod.better_titlebar_and_more.traffic_lights",
"label": "Traffic Light styled Window Controls",
"type": "checkbox",
"disabledOn": [
"macos"
]
},
{
"property": "mod.better_titlebar_and_more.compact_titlebar_right_padding",
"label": "Compact Titlebar right padding so you can still drag it",
"placeholder": "40px",
"type": "string"
},
{
"property": "mod.better_titlebar_and_more.empty",
"label": "To enable Borderless go to 'about:config' in the urlbar and set 'zen.theme.content-element-separation' to '0'",
"type": "dropdown",
"defaultValue": "empty",
"options": [
{
"label": "-",
"value": "empty"
}
]
}
]

View file

@ -0,0 +1,8 @@
# Better Titlebar and more
- Compact Titlebar
- Borderless Sidebar
- Traffic Lights
To get the borderless look like in the image type `about:config` in the urlbar and set `zen.theme.content-element-separation` to `0`

View file

@ -0,0 +1,15 @@
{
"id": "546e7980-fc9d-4a5c-8707-5943440641cf",
"name": "Better Titlebar and more",
"description": "Non-disruptive and compact title bar with some extra stuff",
"homepage": "https://github.com/Waradu/zen_compact_titlebar_and_extras",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/546e7980-fc9d-4a5c-8707-5943440641cf/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/546e7980-fc9d-4a5c-8707-5943440641cf/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/546e7980-fc9d-4a5c-8707-5943440641cf/image.png",
"author": "Waradu",
"version": "1.0.0",
"tags": [],
"createdAt": "2025-05-22",
"updatedAt": "2025-05-22",
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/546e7980-fc9d-4a5c-8707-5943440641cf/preferences.json"
}