update: zen themes

7 files changed, 245 insertions, 23 deletions

diff --git a/dot-zen/default/chrome/userChrome.css b/dot-zen/default/chrome/userChrome.css
index 26c8d905..941016d8 100644
--- a/dot-zen/default/chrome/userChrome.css
+++ b/dot-zen/default/chrome/userChrome.css
@@ -147,22 +147,6 @@ display:none !important;
   overflow: hidden;
 }
 
-#nav-bar:has(#reload-button[displaystop="true"]) {
-  #urlbar {
-    &::before {
-      content: '';
-      position: absolute;
-      inset: 0; 
-      z-index: -1; 
-      border: 1px solid rgba(255, 255, 255, 0.5);
-      background: linear-gradient(90deg, #ff6b6b66, #4ecdc466, #ff6b6b66);
-      background-size: 200% 100%;
-      background-clip: border-box;
-      animation: urlbar-loading-gradient 1s linear infinite;
-    }
-  }
-}
-
 @keyframes urlbar-loading-gradient {
   0% { background-position: 0% 0%; }
   100% { background-position: 200% 0%; }
diff --git a/dot-zen/default/chrome/userContent.css b/dot-zen/default/chrome/userContent.css
index e00693c9..3840eb75 100644
--- a/dot-zen/default/chrome/userContent.css
+++ b/dot-zen/default/chrome/userContent.css
@@ -102,6 +102,181 @@
     }
 }
 
+@-moz-document url-prefix("https://accounts.google.com/signin/oauth") {
+    .S7xv8 {
+        background: var(--bg-color) !important;
+    }
+}
+
+@-moz-document domain(monkeytype.com) {
+  body {
+    background: transparent !important;
+  }
+}
+
+@-moz-document domain(zen-browser.app) {
+  body,
+  html {
+    background: transparent !important;
+  }
+}
+
+@-moz-document domain(reddit.com) {
+  body,
+  html {
+    background: transparent !important;
+  }
+  #comment-tree {
+    background: transparent !important;
+  }
+  .bg-neutral-background,
+  .bg-neutral-background-weak {
+    background: rgba(0, 0, 0, 0.1) !important;
+  }
+  .bg-\[color\:var\(--shreddit-content-background\)\] {
+    background-color: transparent !important;
+  }
+  .threadline,
+  .shreddit-post,
+  aside,
+  comment-body-header,
+  shreddit-comment-tree {
+    background-color: transparent !important;
+  }
+}
+
+@-moz-document domain(chatgpt.com) {
+  body, html,
+    .bg-token-main-surface-primary, /* Navbar */
+    .bg-token-sidebar-surface-primary, /* Sidebar */
+    .bg-token-sidebar-surface-primary * /* All sidebar elements */ {
+    background: transparent !important;
+  }
+}
+
+@-moz-document domain(monica.im) {
+  body,
+  html {
+
+    background: transparent !important;
+  }
+}
+
+@-moz-document domain(google.com) {
+  body,
+  html,
+  .f6F9Be,
+  div#search > * {
+    background-color: transparent !important;
+  }
+  .g,
+  .appbar {
+    background-color: transparent !important;
+  }
+  div#rso {
+    * {
+      background-color: transparent !important;
+    }
+  }
+  div#cnt > div {
+  }
+}
+
+@-moz-document domain(github.com) {
+  body,
+  html,
+  header,
+  #repository-container-header,
+  .gh-header,
+  .bgColor-muted,
+  section,
+  .feed-background,
+  .color-bg-default {
+    background-color: transparent !important;
+  }
+
+  .feed-item-content,
+}
+
+@-moz-document domain(duckduckgo.com) {
+  body,
+  html,
+  .site-wrapper,
+  .zci-wrap,
+  .zci,
+  .header-wrap,
+  .metabar,
+  .footer,
+  *::before,
+  .module--translations-translatedtext {
+    background: transparent !important;
+  }
+}
+
+@-moz-document domain(discord.com) {
+  :root {
+    .layer_cd0de5 :is([role="dialog"], .streamPreview_adbea6) {
+      background: hsl(var(--primary-700-hsl)) !important;
+    }
+
+    --primary-560: rgba(0, 0, 0, 0.05) !important;
+    --primary-600: rgba(0, 0, 0, 0.05) !important;
+    --primary-630: rgba(0, 0, 0, 0.05) !important;
+    --primary-645: rgba(0, 0, 0, 0.05) !important;
+    --primary-660: rgba(0, 0, 0, 0.05) !important;
+    --primary-700: rgba(0, 0, 0, 0.05) !important;
+    --primary-730: rgba(0, 0, 0, 0.05) !important;
+    --primary-760: rgba(0, 0, 0, 0.05) !important;
+    --primary-830: rgba(0, 0, 0, 0.05) !important;
+    --primary-860: rgba(0, 0, 0, 0.05) !important;
+    --primary-900: rgba(0, 0, 0, 0.05) !important;
+  }
+
+  [class^="focusLock_"] {
+    --saturation-factor: 1;
+    --primary-600: hsl(var(--primary-600-hsl) / 1) !important;
+    --primary-600-hsl: 222.857 calc(var(--saturation-factor, 1) * 6.667%)
+      20.588% !important;
+    --modal-background: var(--primary-600);
+  }
+
+  .no-webkit-scrollbar * {
+    scrollbar-width: none !important;
+  }
+}
+
+@-moz-document domain(x.com) {
+  :root {
+    --theme-popup: rgba(0, 0, 0, 0.8);
+    --theme-bg-dim: rgba(0 ,0, 0, 0.4);
+  }
+
+  body {
+    background-color: var(--theme-bg-dim) !important;
+  }
+
+  [data-testid="primaryColumn"],
+  [aria-label="Trending"] > * > *,
+  [aria-label="Home timeline"] > *> *,
+  [aria-label="Search"] > * {
+    background: transparent !important;
+  }
+  
+  select,
+	[data-testid="Dropdown"],
+	[data-testid="hoverCardParent"],
+	[data-testid="DMDrawer"] > div,
+	div[role="dialog"],
+	div[role="listbox"],
+	div[role="radio"] {
+		background: var(--theme-popup) !important;
+	}
+
+  .r-kemksi, .r-5zmot {
+    background: transparent !important;
+  }
+}
+
 body, html {
     background-color: var(--bg-color) !important;
 }
diff --git a/dot-zen/default/chrome/zen-themes.css b/dot-zen/default/chrome/zen-themes.css
index c9994985..6ac8623a 100644
--- a/dot-zen/default/chrome/zen-themes.css
+++ b/dot-zen/default/chrome/zen-themes.css
@@ -1,5 +1,5 @@
 /* Zen Themes - Generated by ZenThemesImporter.
-* FILE GENERATED AT: Friday, December 20, 2024 at 3:13:07 PM Hong Kong Standard Time
+* FILE GENERATED AT: Friday, January 3, 2025 at 11:54:12 AM Hong Kong Standard Time
 * DO NOT EDIT THIS FILE DIRECTLY!
 * Your changes will be overwritten.
 * Instead, go to the preferences and edit the themes there.
@@ -25,11 +25,6 @@
 /* Author: @Felkazz */
 @import url("file:///home/system/.zen/default/chrome/zen-themes/f7c71d9a-bce2-420f-ae44-a64bd92975ab/chrome.css");
 
-/* Name: Bookmark Toolbar Tweaks */
-/* Description: Center bookmarks, hide the icons! */
-/* Author: @n7itro */
-@import url("file:///home/system/.zen/default/chrome/zen-themes/ea1a5ace-f698-4b45-ab88-6e8bd3a563f0/chrome.css");
-
 /* Name: Cleaner Extension Menu */
 /* Description: Remove header and reduce width of the Unified Extension Menu in Zen */
 /* Author: @KiKaraage */
@@ -120,4 +115,9 @@
 /* Author: @Dinno-DEV */
 @import url("file:///home/system/.zen/default/chrome/zen-themes/a5f6a231-e3c8-4ce8-8a8e-3e93efd6adec/chrome.css");
 
+/* Name: Fluid URL */
+/* Description: A minimalist mod that adds a smooth gradient animation to the URL bar for a calming effect. */
+/* Author: @wysh3 */
+@import url("file:///home/system/.zen/default/chrome/zen-themes/cfa711cf-e9f7-4c35-8289-3e7633f93565/chrome.css");
+
 /* End of Zen Themes */
diff --git a/dot-zen/default/chrome/zen-themes/a5f6a231-e3c8-4ce8-8a8e-3e93efd6adec/chrome.css b/dot-zen/default/chrome/zen-themes/a5f6a231-e3c8-4ce8-8a8e-3e93efd6adec/chrome.css
index d0686c3f..f0656cc3 100644
--- a/dot-zen/default/chrome/zen-themes/a5f6a231-e3c8-4ce8-8a8e-3e93efd6adec/chrome.css
+++ b/dot-zen/default/chrome/zen-themes/a5f6a231-e3c8-4ce8-8a8e-3e93efd6adec/chrome.css
@@ -1 +1 @@
-@-moz-document url-prefix("chrome:") {  /* Shield Star Fix */  #tracking-protection-icon-container {    align-self: center !important;    margin-bottom: -1px !important;  }    #page-action-buttons {    margin-right: -2px !important;    margin-bottom: -1px !important;  }    /* Cleaner Breakout URL Bar */  #urlbar-search-mode-indicator {    background: transparent !important;  }    @media not (-moz-bool-pref: "theme.cleaned_url_bar.disable_transparency") {    #urlbar-background {      background: color-mix(in srgb, light-dark(#fff, var(--zen-colors-tertiary)) 60%, transparent 60%) !important;      backdrop-filter: blur(50px) !important;    }  }    @media (-moz-bool-pref: "theme.cleaned_url_bar.disable_transparency") {    #urlbar-background {      background: color-mix(in srgb, light-dark(#fff, var(--zen-colors-tertiary)) 100%, transparent 0%) !important;      backdrop-filter: blur(0px) !important;    }  }    #identity-icon-box, #identity-permission-box {    background: transparent !important;    margin: 0 8px 0 0 !important;  }    .urlbarView-body-inner {    #urlbar[open] > .urlbarView > .urlbarView-body-outer > & {      border-top: none !important;    }  }    .urlbarView:not([noresults]) > .search-one-offs:not([hidden]) {    border-top: none !important;  }    .search-one-offs {    padding: 4px !important;    margin-bottom: 8px !important;    opacity: 0.5 !important;    background: var(--urlbarView-highlight-background) !important;    border-radius: 8px !important;  }    .urlbarView-row {    border-radius: 8px !important;  }    .search-panel-one-offs-container > *, .search-panel-one-offs-container > * > * {    border-radius: 4px !important;  }    .urlbar-input-container {    padding: 0px 3.5px !important;  }    #urlbar[open] {    margin-top: 3px !important;    padding-top: 6px !important;  }    .urlbar-go-button {    align-self: center !important;    opacity: 0.5 !important;    background: transparent !important;    margin-right: 6px !important;  }    .urlbar-go-button:hover {    opacity: 1 !important;  }}
\ No newline at end of file
+@-moz-document url-prefix("chrome:") {  /* Shield Star Fix */  #tracking-protection-icon-container {    align-self: center !important;  }    /* Cleaner Breakout URL Bar */  #urlbar-search-mode-indicator {    background: transparent !important;  }    #identity-box.chromeUI:not([pageproxystate="invalid"]) {    & #identity-icon-box {      background: transparent !important;    }  }    #identity-icon-box, #identity-permission-box {    background: transparent !important;    margin: 0 8px 0 0 !important;  }    .urlbarView-body-inner {    #urlbar[open] > .urlbarView > .urlbarView-body-outer > & {      border-top: none !important;    }  }    .urlbarView:not([noresults]) > .search-one-offs:not([hidden]) {    border-top: none !important;  }    .search-one-offs {    padding: 4px !important;    margin-bottom: 8px !important;    opacity: 0.5 !important;    background: var(--urlbarView-highlight-background) !important;    border-radius: 8px !important;  }    .urlbarView-row {    border-radius: 8px !important;  }    .search-panel-one-offs-container > *, .search-panel-one-offs-container > * > * {    border-radius: 4px !important;  }    .urlbar-input-container {    padding: 0px 3.5px !important;  }    #urlbar[open] {    margin-top: 3px !important;    padding-top: 6px !important;  }    .urlbar-go-button {    align-self: center !important;    opacity: 0.5 !important;    background: transparent !important;    margin-right: 6px !important;  }    .urlbar-go-button:hover {    opacity: 1 !important;  }}
\ No newline at end of file
diff --git a/dot-zen/default/chrome/zen-themes/cfa711cf-e9f7-4c35-8289-3e7633f93565/chrome.css b/dot-zen/default/chrome/zen-themes/cfa711cf-e9f7-4c35-8289-3e7633f93565/chrome.css
new file mode 100644
index 00000000..c5bffad7
--- /dev/null
+++ b/dot-zen/default/chrome/zen-themes/cfa711cf-e9f7-4c35-8289-3e7633f93565/chrome.css
@@ -0,0 +1 @@
+@-moz-document url-prefix("chrome:") {    /* Firefox URL Bar Loading Animation */  :root {    --w-urlbar-bg_color: #ff6b6b66, #4ecdc466, #ff6b6b66;  }    #urlbar {    .urlbar-input-container::before {      content: '';      position: absolute;      inset: 0;      background: linear-gradient(90deg, var(--w-urlbar-bg_color));      background-size: 200% 100%;      animation: urlbar-loading-gradient 1s linear reverse infinite;      animation-play-state: paused;      opacity: 0;      transition: opacity 0.3s;      z-index: -1;    }  }    #main-window:has(.tabbrowser-tab[selected][busy]) .urlbar-input-container::before {    animation-play-state: running;    opacity: 1;  }    @keyframes urlbar-loading-gradient {    0% { background-position: 0% 50%; }    50% { background-position: 100% 50%; }    100% { background-position: 200% 50%; }   }    }
\ No newline at end of file
diff --git a/dot-zen/default/chrome/zen-themes/cfa711cf-e9f7-4c35-8289-3e7633f93565/preferences.json b/dot-zen/default/chrome/zen-themes/cfa711cf-e9f7-4c35-8289-3e7633f93565/preferences.json
new file mode 100644
index 00000000..7d083aa1
--- /dev/null
+++ b/dot-zen/default/chrome/zen-themes/cfa711cf-e9f7-4c35-8289-3e7633f93565/preferences.json
@@ -0,0 +1,48 @@
+[
+    {
+        "property": "w.urlbar.bg_color",
+        "label": "URL Bar Loading Animation",
+        "placeholder": "Select gradient preset",
+        "type": "dropdown",
+        "options": [
+            {
+                "label": "Coral Mint",
+                "value": "#ff6b6b66, #4ecdc466, #ff6b6b66"
+            },
+            {
+                "label": "Ocean Breeze",
+                "value": "#0066ff66, #00ffff66, #0066ff66"
+            },
+            {
+                "label": "Lavender Dream",
+                "value": "#9933ff66, #ff33cc66, #9933ff66"
+            },
+            {
+                "label": "Soft Meadow",
+                "value": "#33cc3366, #99ff6666, #33cc3366"
+            },
+            {
+                "label": "Charcoal Fade",
+                "value": "#00000099, #88888899, #88888899, #00000099"
+            },
+            {
+                "label": "Spectrum",
+                "value": "#ff000066, #ffa50066, #ffff0066, #00ff0066, #0000ff66, #ff000066"
+            },
+            {
+                "label": "Neon Pulse",
+                "value": "#ff1a7566, #00ff8c66, #ff1a7566"
+            },
+            {
+                "label": "Golden Hour",
+                "value": "#ff471a66, #ff8c1a66, #ff471a66"
+            }
+        ]
+    },
+    {
+        "property": "w.urlbar.bg_color",
+        "label": "Custom Color for URL Bar Gradient (above selection will be overridden only after the settings page is reloaded)",
+        "placeholder": "Enter comma-separated colors (e.g., #ff6b6b66, #4ecdc466, #ff6b6b66)",
+        "type": "string"
+    }
+]
\ No newline at end of file
diff --git a/dot-zen/default/chrome/zen-themes/cfa711cf-e9f7-4c35-8289-3e7633f93565/readme.md b/dot-zen/default/chrome/zen-themes/cfa711cf-e9f7-4c35-8289-3e7633f93565/readme.md
new file mode 100644
index 00000000..5f816bd8
--- /dev/null
+++ b/dot-zen/default/chrome/zen-themes/cfa711cf-e9f7-4c35-8289-3e7633f93565/readme.md
@@ -0,0 +1,14 @@
+
+# Fluid URL
+
+A minimalist mod that enhances the URL bar with a smooth, gradient-based loading animation for a refined, calming browsing experience.
+
+![image](https://github.com/user-attachments/assets/7009dcfa-5dd0-4e02-b176-0382ffa01937)
+
+## Preferences
+
+- **Default Gradient Presets:** Choose from predefined gradient options (e.g., Default, Blue, Rainbow) for the URL bar’s loading animation.
+
+- **Custom Gradient:** Select "Custom" to input your own gradient by entering comma-separated hex colors (e.g., #ff000066, #00ff0066).
+
+[⭐ Star the repo](https://github.com/wysh3/Zen-Mods) if you appreciate this theme!