mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-07 08:55:31 +02:00
Add theme: Custom Sidebar Panel
This commit is contained in:
parent
ba2a7fadce
commit
466c96b75d
5 changed files with 103 additions and 0 deletions
37
themes/51b7616f-9df3-4fb6-81bf-cb64068d4113/chrome.css
Normal file
37
themes/51b7616f-9df3-4fb6-81bf-cb64068d4113/chrome.css
Normal file
|
@ -0,0 +1,37 @@
|
|||
|
||||
#tabbrowser-tabbox {
|
||||
#zen-sidebar-web-panel-wrapper {
|
||||
margin: 10px !important;
|
||||
|
||||
@media (-moz-bool-pref: "zen.view.compact.hide-tabbar") {
|
||||
margin-left: 16px !important;
|
||||
}
|
||||
|
||||
#zen-sidebar-web-panel {
|
||||
box-shadow: none !important;
|
||||
min-width: 300px !important;
|
||||
max-width: 100% !important;
|
||||
position: relative;
|
||||
overflow: auto;
|
||||
resize: both;
|
||||
background: var(--uc-custom-zen-sidebar-panel-color-background, #21212180) !important;
|
||||
backdrop-filter: blur(var(--uc-custom-zen-sidebar-panel-blur, 3px)) !important;
|
||||
border-radius: var(--uc-custom-zen-sidebar-panel-border-radius, 15px) !important;
|
||||
box-shadow: 0 var(--uc-custom-zen-sidebar-panel-shadow-position, 0px) var(--uc-custom-zen-sidebar-panel-shadow-strength, 5px) var(--uc-custom-zen-sidebar-panel-color-shadow, #3d3d3d1a) !important;
|
||||
browser {opacity: var(--uc-custom-zen-sidebar-panel-color-opacity, 0.8);}
|
||||
|
||||
@media (-moz-bool-pref: "uc.custom-zen-sidebar-panel.show-borders") {
|
||||
border: 1 !important;
|
||||
}
|
||||
@media not (-moz-bool-pref: "uc.custom-zen-sidebar-panel.show-borders") {
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
resizer {
|
||||
@media not (-moz-bool-pref: "uc.custom-zen-sidebar-panel.transparent-resizer") {
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
BIN
themes/51b7616f-9df3-4fb6-81bf-cb64068d4113/image.png
Normal file
BIN
themes/51b7616f-9df3-4fb6-81bf-cb64068d4113/image.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 192 KiB |
47
themes/51b7616f-9df3-4fb6-81bf-cb64068d4113/preferences.json
Normal file
47
themes/51b7616f-9df3-4fb6-81bf-cb64068d4113/preferences.json
Normal file
|
@ -0,0 +1,47 @@
|
|||
[
|
||||
{
|
||||
"property": "uc.custom-zen-sidebar-panel.color.background",
|
||||
"label": "Background (Hex: #RRGGBBAA / def: #21212180)",
|
||||
"type": "string"
|
||||
},
|
||||
{
|
||||
"property": "uc.custom-zen-sidebar-panel.color.opacity",
|
||||
"label": "Opacity (Between 0, 1 / def: 0.8)",
|
||||
"type": "string"
|
||||
},
|
||||
{
|
||||
"property": "uc.custom-zen-sidebar-panel.show-borders",
|
||||
"label": "Show Borders",
|
||||
"type": "checkbox"
|
||||
},
|
||||
{
|
||||
"property": "uc.custom-zen-sidebar-panel.color.shadow",
|
||||
"label": "Shadow (Hex: #RRGGBBAA / def: #3d3d3d1a)",
|
||||
"type": "string"
|
||||
},
|
||||
{
|
||||
"property": "uc.custom-zen-sidebar-panel.shadow-position",
|
||||
"label": "Shadow Position (n+px / def: 0px)",
|
||||
"type": "string"
|
||||
},
|
||||
{
|
||||
"property": "uc.custom-zen-sidebar-panel.shadow-strength",
|
||||
"label": "Shadow Strength (n+px / def: 5px)",
|
||||
"type": "string"
|
||||
},
|
||||
{
|
||||
"property": "uc.custom-zen-sidebar-panel.blur",
|
||||
"label": "Blur (n+px / def: 3px)",
|
||||
"type": "string"
|
||||
},
|
||||
{
|
||||
"property": "uc.custom-zen-sidebar-panel.border-radius",
|
||||
"label": "Border Radius (n+px or n+% / def: 15px)",
|
||||
"type": "string"
|
||||
},
|
||||
{
|
||||
"property": "uc.custom-zen-sidebar-panel.transparent-resizer",
|
||||
"label": "Show Resizer",
|
||||
"type": "checkbox"
|
||||
}
|
||||
]
|
4
themes/51b7616f-9df3-4fb6-81bf-cb64068d4113/readme.md
Normal file
4
themes/51b7616f-9df3-4fb6-81bf-cb64068d4113/readme.md
Normal file
|
@ -0,0 +1,4 @@
|
|||
|
||||
# Custom Sidebar Panel
|
||||
|
||||
A Zen Browser mod that allows you to customize the Zen Sidebar Panel.
|
15
themes/51b7616f-9df3-4fb6-81bf-cb64068d4113/theme.json
Normal file
15
themes/51b7616f-9df3-4fb6-81bf-cb64068d4113/theme.json
Normal file
|
@ -0,0 +1,15 @@
|
|||
{
|
||||
"id": "51b7616f-9df3-4fb6-81bf-cb64068d4113",
|
||||
"name": "Custom Sidebar Panel",
|
||||
"description": "A Zen Browser mod that allows you to customize the Zen Sidebar Panel.",
|
||||
"homepage": "",
|
||||
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/51b7616f-9df3-4fb6-81bf-cb64068d4113/chrome.css",
|
||||
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/51b7616f-9df3-4fb6-81bf-cb64068d4113/readme.md",
|
||||
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/51b7616f-9df3-4fb6-81bf-cb64068d4113/image.png",
|
||||
"author": "KorvusDev",
|
||||
"version": "1.0.0",
|
||||
"tags": [],
|
||||
"createdAt": "2024-10-23",
|
||||
"updatedAt": "2024-10-23",
|
||||
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/51b7616f-9df3-4fb6-81bf-cb64068d4113/preferences.json"
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue