mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-07 17:05:31 +02:00
Merge pull request #1411 from sameerasw/main
Update theme: Transparent Zen
This commit is contained in:
commit
2ba7bfa437
3 changed files with 142 additions and 89 deletions
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
@ -1,88 +1,62 @@
|
||||||
[
|
[
|
||||||
{
|
{
|
||||||
"property": "browser.tabs.allow_transparent_browser",
|
"property": "browser.tabs.allow_transparent_browser",
|
||||||
"label": "Allow zen browser to be transparent (Turn off before uninstall)",
|
"label": "Allow zen browser to be transparent (Turn off before uninstall)",
|
||||||
"type": "checkbox",
|
"type": "checkbox",
|
||||||
"defaultvalue": true
|
"defaultvalue": true
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"property": "mod.sameerasw.zen_bg_color_enabled",
|
"property": "mod.sameerasw.zen_bg_color_enabled",
|
||||||
"label": "Enable custom background color for Zen",
|
"label": "Enable custom background color for Zen",
|
||||||
"type": "checkbox",
|
"type": "checkbox",
|
||||||
"defaultvalue": false
|
"defaultvalue": false
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"property": "mod.sameerasw.zen_transparency_color",
|
"property": "mod.sameerasw.zen_transparency_color",
|
||||||
"label": "Set background color for Zen (Overrides default theme colors)",
|
"label": "Set background color for Zen (Overrides default theme colors)",
|
||||||
"type": "string",
|
"type": "string",
|
||||||
"defaultvalue": "#00000000"
|
"defaultvalue": "#00000000"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"property": "mod.sameerasw.zen_light_tint_flip",
|
"property": "mod.sameerasw.zen_light_tint_flip",
|
||||||
"label": "Flip light tint for Zen after 1.8b to dark",
|
"label": "Flip light tint for Zen after 1.8b to dark",
|
||||||
"type": "checkbox",
|
"type": "checkbox",
|
||||||
"defaultvalue": false
|
"defaultvalue": false
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"property": "mod.sameerasw.zen_light_tint_disabled",
|
"property": "mod.sameerasw.zen_light_tint_disabled",
|
||||||
"label": "Disable light tint for Zen after 1.8b",
|
"label": "Disable light tint for Zen after 1.8b",
|
||||||
"type": "checkbox",
|
"type": "checkbox",
|
||||||
"defaultvalue": true
|
"defaultvalue": true
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"property": "mod.sameerasw.zen_empty_page_transparency",
|
"property": "mod.sameerasw.zen_empty_page_transparency",
|
||||||
"label": "Make the empty page transparent after Zen 1.9b",
|
"label": "Make the empty page transparent after Zen 1.9b",
|
||||||
"type": "checkbox",
|
"type": "checkbox",
|
||||||
"defaultvalue": true
|
"defaultvalue": true
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"property": "mod.sameerasw.zen_no_shadow",
|
"property": "mod.sameerasw.zen_no_shadow",
|
||||||
"label": "Remove the shadow around the web page",
|
"label": "Remove the shadow around the web page",
|
||||||
"type": "checkbox",
|
"type": "checkbox",
|
||||||
"defaultvalue": false
|
"defaultvalue": false
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"property": "zen.widget.macos.window-material",
|
"property": "mod.sameerasw.zen_tab_switch_anim",
|
||||||
"label": "Modify macOS transparency (default: 2)",
|
"label": "Enable tab switch animation",
|
||||||
"type": "dropdown",
|
"type": "checkbox",
|
||||||
"options": [
|
"defaultvalue": false
|
||||||
{
|
},
|
||||||
"label": "0 - transparent",
|
{
|
||||||
"value": 0
|
"property": "mod.sameerasw.zen_urlbar_zoom_anim",
|
||||||
},
|
"label": "Enable URL bar zoom animation",
|
||||||
{
|
"type": "checkbox",
|
||||||
"label": "1",
|
"defaultvalue": false
|
||||||
"value": 1
|
},
|
||||||
},
|
{
|
||||||
{
|
"property": "mod.sameerasw.zen_trackpad_anim",
|
||||||
"label": "2",
|
"label": "Enable trackpad animation",
|
||||||
"value": 2
|
"type": "checkbox",
|
||||||
},
|
"defaultvalue": false
|
||||||
{
|
}
|
||||||
"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"
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
]
|
|
@ -1,15 +1,15 @@
|
||||||
{
|
{
|
||||||
"id": "642854b5-88b4-4c40-b256-e035532109df",
|
"id": "642854b5-88b4-4c40-b256-e035532109df",
|
||||||
"name": "Transparent Zen",
|
"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",
|
"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",
|
"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",
|
"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",
|
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/642854b5-88b4-4c40-b256-e035532109df/image.png",
|
||||||
"author": "sameerasw",
|
"author": "sameerasw",
|
||||||
"version": "1.9.1",
|
"version": "1.11.2",
|
||||||
"tags": [],
|
"tags": [],
|
||||||
"createdAt": "2025-02-04",
|
"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"
|
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/642854b5-88b4-4c40-b256-e035532109df/preferences.json"
|
||||||
}
|
}
|
Loading…
Add table
Add a link
Reference in a new issue