mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-07 08:55:31 +02:00
Merge branch 'main' into main
This commit is contained in:
Fury7425
GitHub
commit
b097c7c3d1
10 changed files with 106 additions and 238 deletions
25
themes.json
25
themes.json
|
|
@ -1,19 +1,4 @@
|
|||
{
|
||||
"fd79066d-ba22-4cd1-8ad0-cfd82c12026a": {
|
||||
"id": "fd79066d-ba22-4cd1-8ad0-cfd82c12026a",
|
||||
"name": "Zen URL Bar Tweaks",
|
||||
"description": "A collection of tweaks for the Zen browser URL bar with options to toggle each tweak.",
|
||||
"homepage": "https://github.com/litegral/zen-url-bar-tweaks",
|
||||
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/fd79066d-ba22-4cd1-8ad0-cfd82c12026a/chrome.css",
|
||||
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/fd79066d-ba22-4cd1-8ad0-cfd82c12026a/readme.md",
|
||||
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/fd79066d-ba22-4cd1-8ad0-cfd82c12026a/image.png",
|
||||
"author": "litegral",
|
||||
"version": "1.0.0",
|
||||
"tags": [],
|
||||
"createdAt": "2025-04-05",
|
||||
"updatedAt": "2025-04-09",
|
||||
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/fd79066d-ba22-4cd1-8ad0-cfd82c12026a/preferences.json"
|
||||
},
|
||||
"c5f7fb68-cc75-4df0-8b02-dc9ee13aa773": {
|
||||
"id": "c5f7fb68-cc75-4df0-8b02-dc9ee13aa773",
|
||||
"name": "Audio TabIcon Plus",
|
||||
|
|
@ -562,16 +547,16 @@
|
|||
"642854b5-88b4-4c40-b256-e035532109df": {
|
||||
"id": "642854b5-88b4-4c40-b256-e035532109df",
|
||||
"name": "Transparent Zen",
|
||||
"description": "Make the Zen Browser's background transparent and modify the empty tab page. Turn off transparency in mod settings before uninstallation.",
|
||||
"description": "Make the Zen Browser's background transparent and modify the empty tab page and ahve animations that goes along with the transparency. Turn off transparency in mod settings before uninstallation.",
|
||||
"homepage": "https://github.com/sameerasw/zen-themes/tree/main/TransparentZen",
|
||||
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/642854b5-88b4-4c40-b256-e035532109df/chrome.css",
|
||||
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/642854b5-88b4-4c40-b256-e035532109df/readme.md",
|
||||
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/642854b5-88b4-4c40-b256-e035532109df/image.png",
|
||||
"author": "sameerasw",
|
||||
"version": "1.9.1",
|
||||
"version": "1.11.2",
|
||||
"tags": [],
|
||||
"createdAt": "2025-02-04",
|
||||
"updatedAt": "2025-03-11",
|
||||
"updatedAt": "2025-04-11",
|
||||
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/642854b5-88b4-4c40-b256-e035532109df/preferences.json"
|
||||
},
|
||||
"22c9ec3b-7c62-46ae-991f-c8fff5046829": {
|
||||
|
|
@ -1226,10 +1211,10 @@
|
|||
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/8039de3b-72e1-41ea-83b3-5077cf0f98d1/readme.md",
|
||||
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/8039de3b-72e1-41ea-83b3-5077cf0f98d1/image.png",
|
||||
"author": "Fury7425",
|
||||
"version": "1.0.0",
|
||||
"version": "1.1.0",
|
||||
"tags": [],
|
||||
"createdAt": "2025-04-08",
|
||||
"updatedAt": "2025-04-09"
|
||||
"updatedAt": "2025-04-11"
|
||||
},
|
||||
"a5f6a231-e3c8-4ce8-8a8e-3e93efd6adec": {
|
||||
"id": "a5f6a231-e3c8-4ce8-8a8e-3e93efd6adec",
|
||||
|
|
|
|||
|
|
@ -40,3 +40,82 @@ hbox.browserSidebarContainer,
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Animations */
|
||||
/* Tab switch animation */
|
||||
#tabbrowser-tabpanels
|
||||
> hbox:not([zen-split="true"]):not(:has(.zen-glance-background)) {
|
||||
@media (-moz-bool-pref: "mod.sameerasw.zen_tab_switch_animation") {
|
||||
transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.35),
|
||||
filter 0.45s ease-in-out, opacity 0.35s ease-in-out !important;
|
||||
scale: 0.9 !important;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
#tabbrowser-tabpanels > hbox.deck-selected:not([zen-split="true"]) {
|
||||
@media (-moz-bool-pref: "mod.sameerasw.zen_tab_switch_animation") {
|
||||
scale: 1 !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* website view animations */
|
||||
#browser:not(:has(.zen-glance-background)) #tabbrowser-tabpanels {
|
||||
@media (-moz-bool-pref: "mod.sameerasw.zen_urlbar_zoom_anim") {
|
||||
transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.35) !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* URL bar page animation */
|
||||
#browser:has(#urlbar[open][zen-floating-urlbar="true"]) #tabbrowser-tabpanels {
|
||||
@media (-moz-bool-pref: "mod.sameerasw.zen_urlbar_zoom_anim") {
|
||||
pointer-events: none;
|
||||
scale: 1.1 !important;
|
||||
filter: blur(10px) brightness(70%) !important;
|
||||
}
|
||||
}
|
||||
|
||||
#urlbar[open][zen-floating-urlbar="true"] #urlbar-background {
|
||||
@media (-moz-bool-pref: "mod.sameerasw.zen_urlbar_zoom_anim") {
|
||||
border-radius: 1em !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* trackpad gestures*/
|
||||
tabpanels .browserStack browser {
|
||||
@media (-moz-bool-pref: "mod.sameerasw.zen_trackpad_anim") {
|
||||
transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.1) 0.1s !important;
|
||||
border-radius: 0.75em !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Previous animation*/
|
||||
.browserStack:has(
|
||||
#historySwipeAnimationPreviousArrow:not([style="translate: none;"])
|
||||
)
|
||||
browser {
|
||||
@media (-moz-bool-pref: "mod.sameerasw.zen_trackpad_anim") {
|
||||
scale: 0.95 !important;
|
||||
transform: translateX(3%) !important;
|
||||
border-radius: 2em !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Next animation*/
|
||||
.browserStack:has(
|
||||
#historySwipeAnimationNextArrow:not([style="translate: none;"])
|
||||
)
|
||||
browser {
|
||||
@media (-moz-bool-pref: "mod.sameerasw.zen_trackpad_anim") {
|
||||
scale: 0.95 !important;
|
||||
transform: translateX(-3%) !important;
|
||||
border-radius: 2em !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* smoothen trackpad gestures */
|
||||
.browserStack browser[style*="transform: none"] {
|
||||
@media (-moz-bool-pref: "mod.sameerasw.zen_trackpad_anim") {
|
||||
border-radius: 0.75em !important;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -42,47 +42,21 @@
|
|||
"defaultvalue": false
|
||||
},
|
||||
{
|
||||
"property": "zen.widget.macos.window-material",
|
||||
"label": "Modify macOS transparency (default: 2)",
|
||||
"type": "dropdown",
|
||||
"options": [
|
||||
{
|
||||
"label": "0 - transparent",
|
||||
"value": 0
|
||||
},
|
||||
{
|
||||
"label": "1",
|
||||
"value": 1
|
||||
},
|
||||
{
|
||||
"label": "2",
|
||||
"value": 2
|
||||
},
|
||||
{
|
||||
"label": "3",
|
||||
"value": 3
|
||||
},
|
||||
{
|
||||
"label": "4",
|
||||
"value": 4
|
||||
},
|
||||
{
|
||||
"label": "5",
|
||||
"value": 5
|
||||
},
|
||||
{
|
||||
"label": "6",
|
||||
"value": 6
|
||||
},
|
||||
{
|
||||
"label": "7 - opaque",
|
||||
"value": 7
|
||||
}
|
||||
],
|
||||
"defaultvalue": 2,
|
||||
"disabledOn": [
|
||||
"windows",
|
||||
"linux"
|
||||
]
|
||||
"property": "mod.sameerasw.zen_tab_switch_anim",
|
||||
"label": "Enable tab switch animation",
|
||||
"type": "checkbox",
|
||||
"defaultvalue": false
|
||||
},
|
||||
{
|
||||
"property": "mod.sameerasw.zen_urlbar_zoom_anim",
|
||||
"label": "Enable URL bar zoom animation",
|
||||
"type": "checkbox",
|
||||
"defaultvalue": false
|
||||
},
|
||||
{
|
||||
"property": "mod.sameerasw.zen_trackpad_anim",
|
||||
"label": "Enable trackpad animation",
|
||||
"type": "checkbox",
|
||||
"defaultvalue": false
|
||||
}
|
||||
]
|
||||
|
|
@ -1,15 +1,15 @@
|
|||
{
|
||||
"id": "642854b5-88b4-4c40-b256-e035532109df",
|
||||
"name": "Transparent Zen",
|
||||
"description": "Make the Zen Browser's background transparent and modify the empty tab page. Turn off transparency in mod settings before uninstallation.",
|
||||
"description": "Make the Zen Browser's background transparent and modify the empty tab page and ahve animations that goes along with the transparency. Turn off transparency in mod settings before uninstallation.",
|
||||
"homepage": "https://github.com/sameerasw/zen-themes/tree/main/TransparentZen",
|
||||
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/642854b5-88b4-4c40-b256-e035532109df/chrome.css",
|
||||
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/642854b5-88b4-4c40-b256-e035532109df/readme.md",
|
||||
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/642854b5-88b4-4c40-b256-e035532109df/image.png",
|
||||
"author": "sameerasw",
|
||||
"version": "1.9.1",
|
||||
"version": "1.11.2",
|
||||
"tags": [],
|
||||
"createdAt": "2025-02-04",
|
||||
"updatedAt": "2025-03-11",
|
||||
"updatedAt": "2025-04-11",
|
||||
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/642854b5-88b4-4c40-b256-e035532109df/preferences.json"
|
||||
}
|
||||
|
|
@ -18,13 +18,12 @@
|
|||
"type": "string",
|
||||
"defaultValue": "0.3, 1.2, 0.5, 1",
|
||||
"placeholder": "e.g. 0.25, 0.1, 0.25, 1"
|
||||
},
|
||||
{
|
||||
},
|
||||
{
|
||||
"property": "user-browser-ease-reset",
|
||||
"label": "Reset easing curve (4 numbers)",
|
||||
"type": "string",
|
||||
"defaultValue": "0.2, 1.4, 0.3, 1",
|
||||
"placeholder": "e.g. 0.2, 0.8, 0.2, 1"
|
||||
}
|
||||
|
||||
}
|
||||
]
|
||||
|
|
@ -1,85 +0,0 @@
|
|||
|
||||
/* Base styles always applied */
|
||||
#urlbar-background {
|
||||
border: 2px solid transparent !important;
|
||||
border-radius: var(--mod-urlbar-border_radius) !important;
|
||||
transition: box-shadow 0.3s ease-in-out !important;
|
||||
}
|
||||
|
||||
/* Hide container icons when enabled */
|
||||
@media (-moz-bool-pref: "mod.urlbar.hide_elements") {
|
||||
#userContext-identity-icon,
|
||||
#userContext-indicator {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* Hide permission icons by default */
|
||||
#identity-permission-box {
|
||||
opacity: 0;
|
||||
transition: opacity 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
/* Hide or reduce some elements to improve appearance */
|
||||
#identity-box {
|
||||
margin-inline-end: 0 !important;
|
||||
max-width: 0 !important;
|
||||
padding: 0 !important;
|
||||
overflow: hidden !important;
|
||||
}
|
||||
|
||||
#page-action-buttons {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Show elements on hover when enabled */
|
||||
@media (-moz-bool-pref: "mod.urlbar.show_on_hover") {
|
||||
/* Show permission icons when hovering over the URL bar */
|
||||
#urlbar:hover #identity-permission-box {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Show these elements on hover if needed */
|
||||
#urlbar:hover #identity-box,
|
||||
#urlbar:focus-within #identity-box {
|
||||
max-width: unset !important;
|
||||
margin-inline-end: 4px !important;
|
||||
}
|
||||
|
||||
#urlbar:hover #page-action-buttons,
|
||||
#urlbar:focus-within #page-action-buttons {
|
||||
display: flex !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Center the URL in the address bar when enabled */
|
||||
@media (-moz-bool-pref: "mod.urlbar.center_url") {
|
||||
#urlbar-input-container {
|
||||
justify-content: center !important;
|
||||
}
|
||||
|
||||
#urlbar-input {
|
||||
text-align: center !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Apply colorful border when enabled */
|
||||
@media (-moz-bool-pref: "mod.urlbar.colorful_border") {
|
||||
#urlbar-background {
|
||||
background-origin: border-box !important;
|
||||
background-clip: padding-box, border-box !important;
|
||||
background-image: linear-gradient(rgba(59, 59, 61, 0.8), rgba(59, 59, 61, 0.8)),
|
||||
linear-gradient(90deg, #ff7e5f, #feb47b, #7bc6cc, #8583ed) !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Apply glow effect on focus when enabled */
|
||||
@media (-moz-bool-pref: "mod.urlbar.glow_effect") {
|
||||
#urlbar-background {
|
||||
box-shadow: 0 0 8px rgba(137, 137, 186, 0.3) !important;
|
||||
}
|
||||
|
||||
#urlbar[focused="true"] #urlbar-background {
|
||||
box-shadow: 0 0 12px rgba(99, 185, 255, 0.5) !important;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 122 KiB |
|
|
@ -1,39 +0,0 @@
|
|||
[
|
||||
{
|
||||
"property": "mod.urlbar.hide_elements",
|
||||
"label": "Hide container and permission icons",
|
||||
"type": "checkbox",
|
||||
"defaultValue": true
|
||||
},
|
||||
{
|
||||
"property": "mod.urlbar.show_on_hover",
|
||||
"label": "Show hidden elements on hover",
|
||||
"type": "checkbox",
|
||||
"defaultValue": true
|
||||
},
|
||||
{
|
||||
"property": "mod.urlbar.center_url",
|
||||
"label": "Center the URL in address bar",
|
||||
"type": "checkbox",
|
||||
"defaultValue": true
|
||||
},
|
||||
{
|
||||
"property": "mod.urlbar.colorful_border",
|
||||
"label": "Use colorful gradient border",
|
||||
"type": "checkbox",
|
||||
"defaultValue": true
|
||||
},
|
||||
{
|
||||
"property": "mod.urlbar.glow_effect",
|
||||
"label": "Enable glow effect on focus",
|
||||
"type": "checkbox",
|
||||
"defaultValue": true
|
||||
},
|
||||
{
|
||||
"property": "mod.urlbar.border_radius",
|
||||
"label": "Border radius",
|
||||
"type": "string",
|
||||
"defaultValue": "8px",
|
||||
"placeholder": "e.g: 8px"
|
||||
}
|
||||
]
|
||||
|
|
@ -1,30 +0,0 @@
|
|||
|
||||
# Zen URL Bar Tweaks
|
||||
|
||||
A collection of tweaks for the Zen browser URL bar.
|
||||
|
||||
To use the mod, just install it and go to the Zen Mods page on your Zen browser. You will see the mod listed there. Click on the settings icon to turn on/off the tweaks.
|
||||
|
||||
## Features
|
||||
|
||||
Here's a list of the tweak options included in this Zen browser mod:
|
||||
|
||||
- ✅ **Hide container and permission icons**
|
||||
Clean up the URL bar by hiding container indicators and site permission icons.
|
||||
|
||||
- ✅ **Show hidden elements on hover**
|
||||
Reveal icons and actions when hovering over the URL bar, keeping the look minimal when idle.
|
||||
|
||||
- ✅ **Center the URL in the address bar**
|
||||
Align the URL to the center of the bar for a balanced aesthetic.
|
||||
|
||||
- ✅ **Use colorful gradient border**
|
||||
Add a stylish colorful border around the URL bar (toggle only).
|
||||
|
||||
- ✅ **Enable glow effect on focus**
|
||||
Make the URL bar glow subtly when focused, improving visual feedback.
|
||||
|
||||
- ✅ **Adjustable border radius**
|
||||
Customize how rounded the corners of the URL bar look (e.g., 4px, 8px, 16px, etc.).
|
||||
|
||||
> You can turn on/off each of these tweaks individually in the Zen Mods page in `about:settings`.
|
||||
|
|
@ -1,15 +0,0 @@
|
|||
{
|
||||
"id": "fd79066d-ba22-4cd1-8ad0-cfd82c12026a",
|
||||
"name": "Zen URL Bar Tweaks",
|
||||
"description": "A collection of tweaks for the Zen browser URL bar with options to toggle each tweak.",
|
||||
"homepage": "https://github.com/litegral/zen-url-bar-tweaks",
|
||||
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/fd79066d-ba22-4cd1-8ad0-cfd82c12026a/chrome.css",
|
||||
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/fd79066d-ba22-4cd1-8ad0-cfd82c12026a/readme.md",
|
||||
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/fd79066d-ba22-4cd1-8ad0-cfd82c12026a/image.png",
|
||||
"author": "litegral",
|
||||
"version": "1.0.0",
|
||||
"tags": [],
|
||||
"createdAt": "2025-04-05",
|
||||
"updatedAt": "2025-04-09",
|
||||
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/fd79066d-ba22-4cd1-8ad0-cfd82c12026a/preferences.json"
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue