ZenBrowserMirrors/theme-store
1
0
Fork 0
mirror of https://github.com/zen-browser/theme-store.git synced 2025-07-07 17:05:31 +02:00
Code Issues Projects Releases Packages Wiki Activity

Add theme: Sidebar

Browse source
This commit is contained in:
TISupe 2025-04-07 15:12:57 +00:00 • committed by GitHub
parent 48f6105fd9
commit 209fa002ac
4 changed files with 84 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

68
themes/6d0926ea-9846-469f-abee-874175eb9c35/chrome.css Normal file
View file

@ -0,0 +1,68 @@
@-moz-document url-prefix("chrome:") {
window.sidebar-panel {
background-color: var(--zen-themed-toolbar-bg) !important;
}
search-textbox#search-box {
appearance: none !important;
background-color: var(--zen-colors-tertiary) !important;
border: 1px solid var(--zen-colors-border) !important;
padding: 0.5rem !important;
border-radius: 5px !important;
}
search-textbox#search-box:hover {
border: 1px solid var(--zen-colors-secondary) !important;
}
search-textbox#search-box:hover:active {
border: 1px solid var(--zen-colors-secondary) !important;
}
button#viewButton {
appearance: none;
color: inherit;
background-color: transparent !important;
border-radius: var(--toolbarbutton-border-radius);
border: 1px solid transparent !important;
}
button#viewButton:hover {
background-color: var(--zen-colors-border) !important;
}
button#viewButton:hover:active {
background-color: var(--zen-colors-border) !important;
}
#sidebar-box[sidebarcommand="viewBookmarksSidebar"] #sidebar-header {
border-bottom: 0px !important;
}
#sidebar-box[sidebarcommand="viewBookmarksSidebar"] {
background-color: var(--zen-themed-toolbar-bg) !important;
border-radius: var(--zen-border-radius);
box-shadow: 0 0 2px 2px rgba(0,0,0,.1);
border: 1px solid var(--zen-colors-border);
padding: var(--zen-toolbox-padding) !important;
position: fixed;
z-index: 1;
height: 80vh !important;
width: 20em !important;
top: 10vh !important;
right: 0.6vw !important;
transform: translateX(105%);
transition: all 0.2s ease-in-out;
}
#sidebar-box[hidden=true][sidebarcommand="viewBookmarksSidebar"] {
display: flex !important;
opacity: 0 !important;
transform: translateX(105%);
}
#sidebar-box[checked=true][sidebarcommand="viewBookmarksSidebar"] {
transform: translateX(0);
}
}

BIN
themes/6d0926ea-9846-469f-abee-874175eb9c35/image.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 12 KiB

2
themes/6d0926ea-9846-469f-abee-874175eb9c35/readme.md Normal file
View file

@ -0,0 +1,2 @@
Improves appearance of bookmark sidebar, placing on right, floating it and giving it a modern look.

14
themes/6d0926ea-9846-469f-abee-874175eb9c35/theme.json Normal file
View file

@ -0,0 +1,14 @@
{
"id": "6d0926ea-9846-469f-abee-874175eb9c35",
"name": "Sidebar",
"description": "Zen mod for floating bookmark sidebar",
"homepage": "https://github.com/TISupe/Zen-Floating-Bookmark",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/6d0926ea-9846-469f-abee-874175eb9c35/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/6d0926ea-9846-469f-abee-874175eb9c35/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/6d0926ea-9846-469f-abee-874175eb9c35/image.png",
"author": "TISupe",
"version": "1.0.0",
"tags": [],
"createdAt": "2025-04-07",
"updatedAt": "2025-04-07"
}