mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-07 17:05:31 +02:00
Add theme: Better Titlebar and more
This commit is contained in:
parent
db13a9f42a
commit
bfd670eb07
5 changed files with 170 additions and 0 deletions
109
themes/546e7980-fc9d-4a5c-8707-5943440641cf/chrome.css
Normal file
109
themes/546e7980-fc9d-4a5c-8707-5943440641cf/chrome.css
Normal 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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
BIN
themes/546e7980-fc9d-4a5c-8707-5943440641cf/image.png
Normal file
BIN
themes/546e7980-fc9d-4a5c-8707-5943440641cf/image.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 168 KiB |
38
themes/546e7980-fc9d-4a5c-8707-5943440641cf/preferences.json
Normal file
38
themes/546e7980-fc9d-4a5c-8707-5943440641cf/preferences.json
Normal 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"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
8
themes/546e7980-fc9d-4a5c-8707-5943440641cf/readme.md
Normal file
8
themes/546e7980-fc9d-4a5c-8707-5943440641cf/readme.md
Normal 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`
|
15
themes/546e7980-fc9d-4a5c-8707-5943440641cf/theme.json
Normal file
15
themes/546e7980-fc9d-4a5c-8707-5943440641cf/theme.json
Normal 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"
|
||||||
|
}
|
Loading…
Add table
Add a link
Reference in a new issue