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

Merge branch 'main' into main

Browse source
This commit is contained in:
mr. m 2025-05-10 18:09:29 +02:00 • committed by GitHub
commit 22ac943d38
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
8 changed files with 177 additions and 95 deletions
Download patch file Download diff file Expand all files Collapse all files

144
themes/a6335949-4465-4b71-926c-4a52d34bc9c0/chrome.css
View file

@ -1,95 +1,105 @@
:root {
--better-findbar-transform-translateY: 150px;
--better-findbar-transform-translateX: -50%;
--better-findbar-position-top: auto;
--better-findbar-position-bottom: 15px;
--better-findbar-position-left: 50%;
--better-findbar-position-right: auto;
}
.browserContainer {
overflow: clip
}
findbar { findbar {
display: flex !important; display: flex !important;
border-radius: var(--zen-border-radius) !important; border-radius: var(--zen-border-radius) !important;
margin: 0px !important; margin: 0px !important;
width: 90% !important; width: 90% !important;
max-width: 800px; max-width: 800px;
height: auto !important; height: auto !important;
position: absolute !important; position: absolute !important;
top: 15px; top: var(--better-findbar-position-top);
left: 50%; bottom: var(--better-findbar-position-bottom);
transform: translateX(-50%); left: var(--better-findbar-position-left);
right: var(--better-findbar-position-right);
transform: translateX(var(--better-findbar-transform-translateX)) translateY(0);
overflow: unset !important; overflow: unset !important;
box-shadow: var(--box-shadow-10); box-shadow: var(--box-shadow-10);
background: var(--zen-colors-tertiary) !important; background: var(--zen-colors-tertiary) !important;
border: 1px solid var(--zen-colors-border) !important; border: 1px solid var(--zen-colors-border) !important;
transition: transition: transform 0.35s ease !important;
top 0.35s ease,
bottom 0.35s ease !important;
visibility: visible !important; visibility: visible !important;
opacity: 1 !important; opacity: 1 !important;
& .findbar-container { & .findbar-container {
flex-wrap: wrap; flex-wrap: wrap;
overflow-x: auto !important; overflow-x: auto !important;
height: auto !important; height: auto !important;
row-gap: 10px; row-gap: 10px;
& > :first-child { & > :first-child {
width: 100% !important; width: 100% !important;
} }
& .findbar-textbox { & .findbar-textbox {
flex-grow: 1; flex-grow: 1;
} }
} }
&[hidden="true"] { &[hidden="true"] {
top: -150px; transform: translateX(var(--better-findbar-transform-translateX)) translateY(var(--better-findbar-transform-translateY));
} }
@starting-style { @starting-style {
top: -150px; transform: translateX(var(--better-findbar-transform-translateX)) translateY(var(--better-findbar-transform-translateY));
} }
} }
/* Horizontal Position */ /* Horizontal Position */
body:has( body:has(
#theme-Better-Find-Bar[theme-better_find_bar-horizontal_position="left"] #theme-Better-Find-Bar[theme-better_find_bar-horizontal_position="left"]
) { ) {
findbar { --better-findbar-transform-translateX: 0%;
left: 15px; --better-findbar-position-left: 15px;
transform: translateX(0%); --better-findbar-position-right: auto;
}
} }
body:has( body:has(
#theme-Better-Find-Bar[theme-better_find_bar-horizontal_position="right"] #theme-Better-Find-Bar[theme-better_find_bar-horizontal_position="right"]
) { ) {
findbar { --better-findbar-transform-translateX: 0%;
left: unset !important; --better-findbar-position-left: auto;
right: 15px; --better-findbar-position-right: 15px;
transform: translateX(0%);
}
} }
body:has(
#theme-Better-Find-Bar[theme-better_find_bar-vertical_position="top"]
) {
--better-findbar-transform-translateY: -150px;
--better-findbar-position-bottom: auto;
--better-findbar-position-top: 15px;
}
/* Background blur */ /* Background blur */
@media (-moz-bool-pref: "theme.better_find_bar.transparent_background") { @media (-moz-bool-pref: "theme.better_find_bar.transparent_background") {
findbar, findbar, findbar .findbar-textbox:not([status="notfound"]) {
findbar .findbar-textbox:not([status="notfound"]) { backdrop-filter: blur(8px);
backdrop-filter: blur(15px);
background: color-mix( background: color-mix(in hsl, var(--zen-colors-tertiary), transparent 30%) !important;
in hsl, }
var(--zen-colors-tertiary),
transparent 30%
) !important;
}
findbar .findbar-textbox:not([status="notfound"]) { findbar .findbar-textbox:not([status="notfound"]) {
background: color-mix( background: color-mix(in hsl, var(--zen-colors-tertiary), transparent 10%) !important;
in hsl, }
var(--zen-colors-tertiary), }
transparent 10%
) !important;
}
}

70
themes/a6335949-4465-4b71-926c-4a52d34bc9c0/preferences.json
View file

@ -1,27 +1,47 @@
[ [
{ {
"property": "theme.better_find_bar.transparent_background", "property": "theme.better_find_bar.transparent_background",
"label": "Transparent background", "label": "Transparent background",
"type": "checkbox" "type": "checkbox"
}, },
{ {
"property": "theme.better_find_bar.horizontal_position", "property": "theme.better_find_bar.horizontal_position",
"label": "Horizontal position", "label": "Horizontal position",
"type": "dropdown", "type": "dropdown",
"disabledOn": [], "disabledOn": [],
"options": [ "placeholder": "Select horizontal position",
{ "defaultValue": "default",
"label": "Left", "options": [
"value": "left" {
}, "label": "Left",
{ "value": "left"
"label": "Center", },
"value": "default" {
}, "label": "Center",
{ "value": "default"
"label": "Right", },
"value": "right" {
} "label": "Right",
] "value": "right"
} }
]
},
{
"property": "theme.better_find_bar.vertical_position",
"label": "Vertical position",
"type": "dropdown",
"disabledOn": [],
"placeholder": "Select vertical position",
"defaultValue": "default",
"options": [
{
"label": "Top",
"value": "top"
},
{
"label": "Bottom",
"value": "default"
}
]
}
] ]

2
themes/a6335949-4465-4b71-926c-4a52d34bc9c0/readme.md
View file

@ -1,3 +1,3 @@
# Better Find Bar # Better Find Bar
Improves the find bar by matching the browser theme, making it floating, more responsive, and moving it to the top of the page. Improves the find bar by matching the browser theme, making it floating and more responsive.

4
themes/a6335949-4465-4b71-926c-4a52d34bc9c0/theme.json
View file

@ -8,8 +8,8 @@
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/a6335949-4465-4b71-926c-4a52d34bc9c0/image.png", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/a6335949-4465-4b71-926c-4a52d34bc9c0/image.png",
"author": "RobotoSkunk", "author": "RobotoSkunk",
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/a6335949-4465-4b71-926c-4a52d34bc9c0/preferences.json", "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/a6335949-4465-4b71-926c-4a52d34bc9c0/preferences.json",
"version": "1.1.2", "version": "1.2.0",
"tags": [], "tags": [],
"createdAt": "2024-11-24", "createdAt": "2024-11-24",
"updatedAt": "2025-01-31" "updatedAt": "2025-05-10"
} }

36
themes/e51b85e6-cef5-45d4-9fff-6986637974e1/chrome.css Normal file
View file

@ -0,0 +1,36 @@
#zen-toast-container {
top: calc(var(--zen-element-separation) * 6) !important;
:root:not([zen-right-side='true']) & {
right: calc(var(--zen-element-separation) * 2) !important;
}
:root[zen-right-side='true'] & {
left: calc(var(--zen-element-separation) * 2) !important;
}
& .zen-toast {
padding: 6px !important;
border-radius: 12px !important;
font-weight: 600 !important;
font-size: 12px !important;
box-shadow: 0px !important ;
border: 1px solid rgba(0, 0, 0, 0.2) !important;
background: rgba(255, 255, 255, 0.2) !important;
color: color-mix(in srgb, var(--button-primary-color) 20%, transparent) !important;
& .description {
font-size: 10px !important;
}
}
& .zen-toast:hover {
background: var(--zen-primary-color) !important;
color: var(--button-primary-color) !important;
border: 1px solid rgba(0, 0, 0, 0.0) !important;
transition: 0.3s !important;
}
}

BIN
themes/e51b85e6-cef5-45d4-9fff-6986637974e1/image.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 38 KiB

2
themes/e51b85e6-cef5-45d4-9fff-6986637974e1/readme.md Normal file
View file

@ -0,0 +1,2 @@
Makes the 'New background tab opened!' toast popup notification less distracting and adds hover

14
themes/e51b85e6-cef5-45d4-9fff-6986637974e1/theme.json Normal file
View file

@ -0,0 +1,14 @@
{
"id": "e51b85e6-cef5-45d4-9fff-6986637974e1",
"name": "smaller zen toast popup",
"description": "Makes the 'New background tab opened!' toast popup notification less distracting and adds hover",
"homepage": "https://github.com/lenzfliker/zen-mods/tree/main/%5BMOD%5D%20smaller%20zen%20toast%20popup",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/e51b85e6-cef5-45d4-9fff-6986637974e1/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/e51b85e6-cef5-45d4-9fff-6986637974e1/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/e51b85e6-cef5-45d4-9fff-6986637974e1/image.png",
"author": "lenzfliker",
"version": "1.0.0",
"tags": [],
"createdAt": "2025-05-09",
"updatedAt": "2025-05-10"
}