summaryrefslogtreecommitdiff
path: root/dot-zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df
diff options
context:
space:
mode:
Diffstat (limited to 'dot-zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df')
-rw-r--r--dot-zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df/chrome.css124
-rw-r--r--dot-zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df/preferences.json78
2 files changed, 153 insertions, 49 deletions
diff --git a/dot-zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df/chrome.css b/dot-zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df/chrome.css
index 1c2c08fd..c23c66c3 100644
--- a/dot-zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df/chrome.css
+++ b/dot-zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df/chrome.css
@@ -139,31 +139,44 @@ tabpanels .browserStack browser {
}
/* no tab image */
-#browser:has([zen-empty-tab="true"][selected="true"]) .browserStack {
- @media -moz-pref( "mod.sameerasw.zen_notab_img_enabled") {
- background-image: var(
- --mod-sameerasw-zen_notab_img,
- url("https://raw.githubusercontent.com/zen-browser/branding/refs/heads/main/Official/Word%20Marks/SVG/zen_logo_icon_white.svg")
- ) !important;
-
- background-position: center !important;
- background-repeat: no-repeat !important;
+:root:has(
+ [mod-sameerasw_zen_empty_tab_logo="1"],
+ [mod-sameerasw_zen_empty_tab_logo="2"],
+ [mod-sameerasw_zen_empty_tab_logo="3"]
+ ) {
+ #browser:has([zen-empty-tab="true"][selected="true"]) .browserStack {
+ background-image: var(
+ --mod-sameerasw-zen_notab_img,
+ url("https://raw.githubusercontent.com/zen-browser/branding/refs/heads/main/Official/Word%20Marks/SVG/zen_logo_icon_white.svg")
+ ) !important;
- background-size: var(--mod-sameerasw-zen_notab_img_size, 150px) !important;
+ background-position: center !important;
+ background-repeat: no-repeat !important;
+ background-size: var(--mod-sameerasw-zen_notab_img_size, 150px) !important;
+ opacity: var(--mod-sameerasw-zen_notab_img_opacity, 1) !important;
+ }
+}
- opacity: var(--mod-sameerasw-zen_notab_img_opacity, 1) !important;
+:root:has(
+ [mod-sameerasw_zen_empty_tab_logo="2"]
+ ) {
+ #browser:has([zen-empty-tab="true"][selected="true"]) .browserStack {
+ filter: saturate(0) !important;
+ }
+}
- @media -moz-pref( "mod.sameerasw.zen_notab_img_saturate") {
- filter: saturate(0) !important;
+:root:has(
+ [mod-sameerasw_zen_empty_tab_logo="3"]
+ ) {
+ #browser:has([zen-empty-tab="true"][selected="true"]) .browserStack {
+ filter: saturate(0) !important;
- @media -moz-pref( "mod.sameerasw.zen_notab_img_invert") {
@media (prefers-color-scheme: light) {
filter: saturate(0) invert(1) !important;
}
- }
- }
}
}
+
/* ============= Transparent Sidebar: Mask or Push ============= */
:root:has(
@@ -181,6 +194,10 @@ tabpanels .browserStack browser {
--zen-sidebar-width: var(--zen-sidebar-custom-width) !important;
--actual-zen-sidebar-width: var(--zen-sidebar-custom-width) !important;
width: var(--zen-sidebar-custom-width) !important;
+
+ #titlebar{
+ width: var(--zen-sidebar-width) !important;
+ }
}
#zen-toolbar-background, #zen-toolbar-background::after, .zen-toolbar-background, .zen-toolbar-background::after{
@@ -387,29 +404,76 @@ tabpanels .browserStack browser {
}
}
+/* Custom background */
+@media -moz-pref("mod.sameerasw.zen_bg_img_enabled") {
+ @media -moz-pref("mod.sameerasw.zen_bg_img_not_fullscreen") {
+ #main-window::before {
+ content: "";
+ position: fixed;
+ inset: 0;
+ z-index: -1;
+ background: var(--mod-sameerasw-zen_bg_img) no-repeat center center fixed !important;
+ background-size: cover !important;
+ opacity: var(--mod-sameerasw-zen_bg_opacity, 1) !important;
+ filter: blur(var(--mod-sameerasw-zen_bg_blur, 0)) !important;
+ }
+ }
+ @media (display-mode: fullscreen) {
+ #main-window::before {
+ content: "";
+ position: fixed;
+ inset: 0;
+ z-index: -1;
+ background: var(--mod-sameerasw-zen_bg_img) no-repeat center center fixed !important;
+ background-size: cover !important;
+ opacity: var(--mod-sameerasw-zen_bg_opacity, 1) !important;
+ filter: blur(var(--mod-sameerasw-zen_bg_blur, 0)) !important;
+ }
+ }
+}
+
/* Transparent glance */
.zen-glance-background > vbox {
@media -moz-pref( "mod.sameerasw.zen_transparent_glance_enabled") {
mask-image: linear-gradient(
- to right,
- black 0%,
- black 4%,
- transparent 7%,
- transparent 93.5%,
- black 96%,
- black 100%
- );
- mask-repeat: no-repeat;
- mask-size: 100% 100%;
+ to right,
+ black 0%,
+ black 3.7%,
+ transparent 6.7%,
+ transparent 93.3%,
+ black 96.3%,
+ black 100%
+ );
+ mask-repeat: no-repeat;
+ mask-size: 100% 100%;
+
+ transition: all var(--zen-hidden-toolbar-transition), mask-image 0.3s ease-in-out 1s !important;
}
}
.zen-glance-overlay > vbox {
@media -moz-pref( "mod.sameerasw.zen_transparent_glance_enabled") {
background-color: light-dark(#fff7, #0007) !important;
- margin-top: 0.5% !important;
- margin-bottom: 0.5% !important;
- height: 99% !important;
- border-radius: 1.5em !important;
+ border-radius: 1.5em !important;
+ border: 1px solid light-dark(#ffff, #fff3);
+ box-shadow: 4px 2px 60px light-dark(#0005, #0001), inset 0 2px 4px light-dark(#ffff, #fff3);
+ }
+}
+
+.zen-glance-sidebar-container{
+ @media -moz-pref( "mod.sameerasw.zen_transparent_glance_enabled") {
+ background-color: light-dark(#fff7, #0007) !important;
+ border-radius: 10em !important;
+ margin: 0.5em;
+ padding: 0 !important;
+ border: 1px solid light-dark(#ffff, #fff5);
+ box-shadow: 4px 2px 60px light-dark(#0005, #0001), inset 0 2px 4px light-dark(#ffff, #fff3);
+ gap: 6px !important;
+ height: fit-content !important;
+ backdrop-filter: blur(10px) !important;
+
+ toolbarbutton{
+ margin: 0.5em !important;
+ }
}
}
diff --git a/dot-zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df/preferences.json b/dot-zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df/preferences.json
index 93f4b25c..6df8cbc3 100644
--- a/dot-zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df/preferences.json
+++ b/dot-zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df/preferences.json
@@ -74,45 +74,85 @@
"defaultValue": false
},
{
- "property": "mod.sameerasw.zen_notab_img_enabled",
- "label": "\ud83d\uddbc\ufe0f Add no tab screen background image",
+ "property": "mod.sameerasw.zen_bg_img_enabled",
+ "label": "\ud83c\udf20 Enable custom background image in full screen",
"type": "checkbox",
"defaultValue": false
},
{
+ "property": "mod.sameerasw.zen_bg_img_not_fullscreen",
+ "label": "\ud83c\udf20 Always show custom background image",
+ "type": "checkbox",
+ "defaultValue": false
+ },
+ {
+ "property": "mod.sameerasw.zen_bg_img",
+ "label": "\ud83c\udf20 Custom bg image",
+ "type": "string",
+ "defaultValue": "url('https://github.com/sameerasw/my-internet/blob/main/wallpapers/zen-coral-01.jpeg?raw=true')",
+ "placeholder": "url('https://example.com/1.png')"
+ },
+ {
+ "property": "mod.sameerasw.zen_bg_opacity",
+ "label": "\ud83c\udf20 Custom bg image opacity (0\u20131)",
+ "type": "string",
+ "defaultValue": "0.8",
+ "placeholder": "0.75"
+ },
+ {
+ "property": "mod.sameerasw.zen_bg_blur",
+ "label": "\ud83c\udf20 Custom bg image blur (px)",
+ "type": "string",
+ "defaultValue": "3px",
+ "placeholder": "3px"
+ },
+ {
+ "property": "mod.sameerasw_zen_empty_tab_logo",
+ "label": "\ud83d\uddbc\ufe0f Enable empty tab logo",
+ "type": "dropdown",
+ "placeholder": "Select an option",
+ "defaultValue": "0",
+ "options": [
+ {
+ "label": "Disabled",
+ "value": "0"
+ },
+ {
+ "label": "Enabled",
+ "value": "1"
+ },
+ {
+ "label": "Enabled - grayscale",
+ "value": "2"
+ },
+ {
+ "label": "Enabled - grayscale, inverted",
+ "value": "3"
+ }
+ ]
+ },
+ {
"property": "mod.sameerasw.zen_notab_img",
- "label": "\ud83d\uddbc\ufe0f Image URL, format: url('example.com/1.png')",
+ "label": "\ud83d\uddbc\ufe0f Empty tab logo URL",
"type": "string",
"defaultValue": "url('https://github.com/sameerasw/my-internet/blob/main/wave-light.png?raw=true')",
- "placeholder": "url('example.com/1.png')"
+ "placeholder": "url('https://example.com/1.png')"
},
{
"property": "mod.sameerasw.zen_notab_img_size",
- "label": "\ud83d\uddbc\ufe0f No tab screen image size with unit",
+ "label": "\ud83d\uddbc\ufe0f Empty tab logo size",
"type": "string",
"defaultValue": "150px",
- "placeholder": "50px (px, em, % ...)"
+ "placeholder": "50px"
},
{
"property": "mod.sameerasw.zen_notab_img_opacity",
- "label": "\ud83d\uddbc\ufe0f No tab screen image opacity (0-1)",
+ "label": "\ud83d\uddbc\ufe0f Empty tab logo opacity (0-1)",
"type": "string",
"defaultValue": "1",
"placeholder": "0.75"
},
{
- "property": "mod.sameerasw.zen_notab_img_saturate",
- "label": "\ud83d\uddbc\ufe0f Grayscale the no tab screen image",
- "type": "checkbox",
- "defaultValue": false
- },
- {
- "property": "mod.sameerasw.zen_notab_img_invert",
- "label": "\ud83d\uddbc\ufe0f Invert above image in light theme (white \u2192 black)",
- "type": "checkbox",
- "defaultValue": false
- },
- {
"property": "mod.sameerasw_zen_compact_sidebar_type",
"label": "\u2194\ufe0f Compact transparent sidebar type",
"type": "dropdown",
generated by cgit v1.2.3 (git 2.25.1) at 2026-11-01 14:14:40 +0000