mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-08 01:10:01 +02:00
Add theme: floating side bar
This commit is contained in:
parent
17c51d8546
commit
6550403216
5 changed files with 214 additions and 0 deletions
173
themes/076e4f32-a151-40a8-8cd8-923d6f1da17f/chrome.css
Normal file
173
themes/076e4f32-a151-40a8-8cd8-923d6f1da17f/chrome.css
Normal file
|
@ -0,0 +1,173 @@
|
|||
|
||||
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[positionend="true"]{
|
||||
right: 0.6vw !important;
|
||||
left: unset !important;
|
||||
}
|
||||
#sidebar-box:not([positionend="true"]){
|
||||
right: unset !important;
|
||||
left: 0.6vw !important;
|
||||
}
|
||||
|
||||
@media (-moz-bool-pref: "uc.floating-side-bar.Bookmarks") {
|
||||
#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: auto !important;
|
||||
width: 20em !important;
|
||||
top: 10vh !important;
|
||||
bottom: 10vh !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);
|
||||
}
|
||||
}
|
||||
|
||||
@media (-moz-bool-pref: "uc.floating-side-bar.History") {
|
||||
#sidebar-box[sidebarcommand="viewHistorySidebar"] #sidebar-header {
|
||||
border-bottom: 0px !important;
|
||||
}
|
||||
|
||||
#sidebar-box[sidebarcommand="viewHistorySidebar"] {
|
||||
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: auto !important;
|
||||
width: 20em !important;
|
||||
top: 10vh !important;
|
||||
bottom: 10vh !important;
|
||||
transform: translateX(105%);
|
||||
transition: all 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
#sidebar-box[hidden=true][sidebarcommand="viewHistorySidebar"] {
|
||||
display: flex !important;
|
||||
opacity: 0 !important;
|
||||
transform: translateX(105%);
|
||||
}
|
||||
|
||||
#sidebar-box[checked=true][sidebarcommand="viewHistorySidebar"] {
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
@media (-moz-bool-pref: "uc.floating-side-bar.Synced-Tabs") {
|
||||
#sidebar-box[sidebarcommand="viewTabsSidebar"] #sidebar-header {
|
||||
border-bottom: 0px !important;
|
||||
}
|
||||
|
||||
#sidebar-box[sidebarcommand="viewTabsSidebar"] {
|
||||
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: auto !important;
|
||||
width: 20em !important;
|
||||
top: 10vh !important;
|
||||
bottom: 10vh !important;
|
||||
transform: translateX(105%);
|
||||
transition: all 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
#sidebar-box[hidden=true][sidebarcommand="viewTabsSidebar"] {
|
||||
display: flex !important;
|
||||
opacity: 0 !important;
|
||||
transform: translateX(105%);
|
||||
}
|
||||
|
||||
#sidebar-box[checked=true][sidebarcommand="viewTabsSidebar"] {
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
@media (-moz-bool-pref: "uc.floating-side-bar.Others") {
|
||||
#sidebar-box:not([sidebarcommand="viewHistorySidebar"]):not([sidebarcommand="viewBookmarksSidebar"]):not([sidebarcommand="viewTabsSidebar"]) #sidebar-header {
|
||||
border-bottom: 0px !important;
|
||||
}
|
||||
|
||||
#sidebar-box:not([sidebarcommand="viewHistorySidebar"]):not([sidebarcommand="viewBookmarksSidebar"]):not([sidebarcommand="viewTabsSidebar"]) {
|
||||
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: auto !important;
|
||||
width: 20em !important;
|
||||
top: 10vh !important;
|
||||
bottom: 10vh !important;
|
||||
transform: translateX(105%);
|
||||
transition: all 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
#sidebar-box[hidden=true]:not([sidebarcommand="viewHistorySidebar"]):not([sidebarcommand="viewBookmarksSidebar"]):not([sidebarcommand="viewTabsSidebar"]) {
|
||||
display: flex !important;
|
||||
opacity: 0 !important;
|
||||
transform: translateX(105%);
|
||||
}
|
||||
|
||||
#sidebar-box[checked=true]:not([sidebarcommand="viewHistorySidebar"]):not([sidebarcommand="viewBookmarksSidebar"]):not([sidebarcommand="viewTabsSidebar"]) {
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
BIN
themes/076e4f32-a151-40a8-8cd8-923d6f1da17f/image.png
Normal file
BIN
themes/076e4f32-a151-40a8-8cd8-923d6f1da17f/image.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 6.2 KiB |
22
themes/076e4f32-a151-40a8-8cd8-923d6f1da17f/preferences.json
Normal file
22
themes/076e4f32-a151-40a8-8cd8-923d6f1da17f/preferences.json
Normal file
|
@ -0,0 +1,22 @@
|
|||
[
|
||||
{
|
||||
"property": "uc.floating-side-bar.Bookmarks",
|
||||
"label": "makes the Bookmark side bar float",
|
||||
"type": "checkbox"
|
||||
},
|
||||
{
|
||||
"property": "uc.floating-side-bar.History",
|
||||
"label": "makes the history side bar float",
|
||||
"type": "checkbox"
|
||||
},
|
||||
{
|
||||
"property": "uc.floating-side-bar.Synced-Tabs",
|
||||
"label": "makes the synced tab side bar float",
|
||||
"type": "checkbox"
|
||||
},
|
||||
{
|
||||
"property": "uc.floating-side-bar.Others",
|
||||
"label": "makes other side bars float",
|
||||
"type": "checkbox"
|
||||
}
|
||||
]
|
4
themes/076e4f32-a151-40a8-8cd8-923d6f1da17f/readme.md
Normal file
4
themes/076e4f32-a151-40a8-8cd8-923d6f1da17f/readme.md
Normal file
|
@ -0,0 +1,4 @@
|
|||
|
||||
# zen-floating-side-bar
|
||||
A Zen browser mod for a detached and redesigned the sidebar, so that it appears to float on the left side and match the zen aesthetic.
|
||||
based on https://github.com/ahmaadaziz/zen-floating-history
|
15
themes/076e4f32-a151-40a8-8cd8-923d6f1da17f/theme.json
Normal file
15
themes/076e4f32-a151-40a8-8cd8-923d6f1da17f/theme.json
Normal file
|
@ -0,0 +1,15 @@
|
|||
{
|
||||
"id": "076e4f32-a151-40a8-8cd8-923d6f1da17f",
|
||||
"name": "floating side bar",
|
||||
"description": "A Zen browser mod for a detached and redesigned the sidebar, so that it appears to float and match the zen aesthetic.",
|
||||
"homepage": "https://github.com/princess-wawa/zen-floating-side-bar",
|
||||
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/076e4f32-a151-40a8-8cd8-923d6f1da17f/chrome.css",
|
||||
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/076e4f32-a151-40a8-8cd8-923d6f1da17f/readme.md",
|
||||
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/076e4f32-a151-40a8-8cd8-923d6f1da17f/image.png",
|
||||
"author": "princess-wawa",
|
||||
"version": "1.0.0",
|
||||
"tags": [],
|
||||
"createdAt": "2024-12-05",
|
||||
"updatedAt": "2024-12-05",
|
||||
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/076e4f32-a151-40a8-8cd8-923d6f1da17f/preferences.json"
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue