diff --git a/themes/6d0926ea-9846-469f-abee-874175eb9c35/chrome.css b/themes/6d0926ea-9846-469f-abee-874175eb9c35/chrome.css new file mode 100644 index 00000000..d8ed0eba --- /dev/null +++ b/themes/6d0926ea-9846-469f-abee-874175eb9c35/chrome.css @@ -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); + } +} diff --git a/themes/6d0926ea-9846-469f-abee-874175eb9c35/image.png b/themes/6d0926ea-9846-469f-abee-874175eb9c35/image.png new file mode 100644 index 00000000..678cd0a5 Binary files /dev/null and b/themes/6d0926ea-9846-469f-abee-874175eb9c35/image.png differ diff --git a/themes/6d0926ea-9846-469f-abee-874175eb9c35/readme.md b/themes/6d0926ea-9846-469f-abee-874175eb9c35/readme.md new file mode 100644 index 00000000..0348d1aa --- /dev/null +++ b/themes/6d0926ea-9846-469f-abee-874175eb9c35/readme.md @@ -0,0 +1,2 @@ + +Improves appearance of bookmark sidebar, placing on right, floating it and giving it a modern look. diff --git a/themes/6d0926ea-9846-469f-abee-874175eb9c35/theme.json b/themes/6d0926ea-9846-469f-abee-874175eb9c35/theme.json new file mode 100644 index 00000000..48d3c62e --- /dev/null +++ b/themes/6d0926ea-9846-469f-abee-874175eb9c35/theme.json @@ -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" +} \ No newline at end of file