From 89f366ae87a2e944ddb10e2ce52b18743353b4f2 Mon Sep 17 00:00:00 2001
From: cswimr <seaswimmerthefsh@gmail.com>
Date: Thu, 14 Nov 2024 10:52:38 -0500
Subject: [PATCH] update zen-browser theme to
 https://github.com/catppuccin/zen-browser/commit/a1e737d200d5f4ece8b9d7adfe11fd42f9a806a6

---
 zentheme/userChrome.css  |  13 +-
 zentheme/userContent.css | 396 ++++++++++++++++++++-------------------
 2 files changed, 205 insertions(+), 204 deletions(-)

diff --git a/zentheme/userChrome.css b/zentheme/userChrome.css
index e94ff68..11d3528 100644
--- a/zentheme/userChrome.css
+++ b/zentheme/userChrome.css
@@ -27,11 +27,11 @@
     }
 
     #permissions-granted-icon{
-      color: #181825 !important;
+        color: #181825 !important;
     }
 
     .sidebar-placesTree {
-        background-color: #313244 !important;
+        background-color: #1e1e2e !important;
     }
 
     #zen-workspaces-button {
@@ -56,7 +56,7 @@
     }
 
     #zenEditBookmarkPanelFaviconContainer {
-      background: #11111b !important;
+        background: #11111b !important;
     }
 
     toolbar .toolbarbutton-1 {
@@ -97,11 +97,11 @@
     }
 
     #permissions-granted-icon{
-      color: #e6e9ef !important;
+        color: #e6e9ef !important;
     }
 
     .sidebar-placesTree {
-        background-color: #ccd0da !important;
+        background-color: #eff1f5 !important;
     }
 
     #zen-workspaces-button {
@@ -126,7 +126,7 @@
     }
 
     #zenEditBookmarkPanelFaviconContainer {
-      background: #dce0e8 !important;
+        background: #dce0e8 !important;
     }
 
     toolbar .toolbarbutton-1 {
@@ -137,4 +137,3 @@
         }
     }
 }
-
diff --git a/zentheme/userContent.css b/zentheme/userContent.css
index df5627a..02057d4 100644
--- a/zentheme/userContent.css
+++ b/zentheme/userContent.css
@@ -2,235 +2,237 @@
 
 @media (prefers-color-scheme: dark) {
 
-  /* Common variables affecting all pages */
-  @-moz-document url-prefix("about:") {
-    :root {
-      --in-content-page-color: #cdd6f4 !important;
-      --color-accent-primary: #89b4fa !important;
-      --color-accent-primary-hover: rgb(163, 197, 251) !important;
-      --color-accent-primary-active: rgb(138, 153, 250) !important; 
-      background-color: #1e1e2e !important;
-      --in-content-page-background: #1e1e2e !important;
+    /* Common variables affecting all pages */
+    @-moz-document url-prefix("about:") {
+      :root {
+        --in-content-page-color: #cdd6f4 !important;
+        --color-accent-primary: #89b4fa !important;
+        --color-accent-primary-hover: rgb(163, 197, 251) !important;
+        --color-accent-primary-active: rgb(138, 153, 250) !important;
+        background-color: #1e1e2e !important;
+        --in-content-page-background: #1e1e2e !important;
+      }
+
     }
 
-  }
+    /* Variables and styles specific to about:newtab and about:home */
+    @-moz-document url("about:newtab"), url("about:home") {
 
-  /* Variables and styles specific to about:newtab and about:home */
-  @-moz-document url("about:newtab"), url("about:home") {
+      :root {
+        --newtab-background-color: #1e1e2e !important;
+        --newtab-background-color-secondary: #313244 !important;
+        --newtab-element-hover-color: #313244 !important;
+        --newtab-text-primary-color: #cdd6f4 !important;
+        --newtab-wordmark-color: #cdd6f4 !important;
+        --newtab-primary-action-background: #89b4fa !important;
+      }
 
-    :root {
-      --newtab-background-color: #1e1e2e !important;
-      --newtab-background-color-secondary: #313244 !important;
-      --newtab-element-hover-color: #313244 !important;
-      --newtab-text-primary-color: #cdd6f4 !important;
-      --newtab-wordmark-color: #cdd6f4 !important;
-    }
+      .icon {
+        color: #89b4fa !important;
+      }
 
-    .icon {
-      color: #89b4fa !important;
-    }
-
-    .search-wrapper .logo-and-wordmark .logo {
-      background: url("zen-logo-mocha.svg"), url("https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Mocha/Blue/zen-logo-mocha.svg") no-repeat center !important;
-      display: inline-block !important;
-      height: 82px !important;
-      width: 82px !important;
-      background-size: 82px !important;
-    }
-
-    @media (max-width: 609px) {
       .search-wrapper .logo-and-wordmark .logo {
-        background-size: 64px !important;
-        height: 64px !important;
-        width: 64px !important;
+        background: url("zen-logo-mocha.svg"), url("https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Mocha/Blue/zen-logo-mocha.svg") no-repeat center !important;
+        display: inline-block !important;
+        height: 82px !important;
+        width: 82px !important;
+        background-size: 82px !important;
+      }
+
+      @media (max-width: 609px) {
+        .search-wrapper .logo-and-wordmark .logo {
+          background-size: 64px !important;
+          height: 64px !important;
+          width: 64px !important;
+        }
+      }
+
+      .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {
+        color: #89b4fa !important;
+      }
+
+      .top-site-outer .search-topsite {
+        background-color: #89b4fa !important;
+      }
+
+      .compact-cards .card-outer .card-context .card-context-icon.icon-download {
+        fill: #a6e3a1 !important;
       }
     }
 
-    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {
-      color: #89b4fa !important;
+    /* Variables and styles specific to about:preferences */
+    @-moz-document url-prefix("about:preferences") {
+      :root {
+        --zen-colors-tertiary: #181825 !important;
+        --in-content-text-color: #cdd6f4 !important;
+        --link-color: #89b4fa !important;
+        --link-color-hover: rgb(163, 197, 251) !important;
+        --zen-colors-primary: #313244 !important;
+        --in-content-box-background: #313244 !important;
+        --zen-primary-color: #89b4fa !important;
+      }
+
+      groupbox , moz-card{
+        background: #1e1e2e !important;
+      }
+
+      button,
+      groupbox menulist {
+        background: #313244 !important;
+        color: #cdd6f4 !important;
+      }
+
+      .main-content {
+        background-color: #11111b !important;
+      }
     }
 
-    .top-site-outer .search-topsite {
-      background-color: #89b4fa !important;
+    /* Variables and styles specific to about:addons */
+    @-moz-document url-prefix("about:addons") {
+      :root {
+        --zen-dark-color-mix-base: #181825 !important;
+        --background-color-box: #1e1e2e !important;
+      }
     }
 
-    .compact-cards .card-outer .card-context .card-context-icon.icon-download {
-      fill: #a6e3a1 !important;
+    /* Variables and styles specific to about:protections */
+    @-moz-document url-prefix("about:protections") {
+      :root {
+        --zen-primary-color: #1e1e2e !important;
+        --social-color: #cba6f7 !important;
+        --coockie-color: #89dceb !important;
+        --fingerprinter-color: #f9e2af !important;
+        --cryptominer-color: #b4befe !important;
+        --tracker-color: #a6e3a1 !important;
+        --in-content-primary-button-background-hover: rgb(81, 83, 105) !important;
+        --in-content-primary-button-text-color-hover: #cdd6f4 !important;
+        --in-content-primary-button-background: #45475a !important;
+        --in-content-primary-button-text-color: #cdd6f4 !important;
+      }
+
+
+      .card {
+        background-color: #313244 !important;
+      }
     }
   }
 
-  /* Variables and styles specific to about:preferences */
-  @-moz-document url-prefix("about:preferences") {
-    :root {
-      --zen-colors-tertiary: #181825 !important;
-      --in-content-text-color: #cdd6f4 !important;
-      --link-color: #89b4fa !important;
-      --link-color-hover: rgb(163, 197, 251) !important;
-      --zen-colors-primary: #313244 !important;
-      --in-content-box-background: #313244 !important;
-      --zen-primary-color: #89b4fa !important;
-    }
 
-    groupbox , moz-card{
-      background: #1e1e2e !important;
-    }
-
-    button,
-    groupbox menulist {
-      background: #313244 !important;
-      color: #cdd6f4 !important;
-    }
-
-    .main-content {
-      background-color: #11111b !important;
-    }
-  }
-
-  /* Variables and styles specific to about:addons */
-  @-moz-document url-prefix("about:addons") {
-    :root {
-      --zen-dark-color-mix-base: #181825 !important;
-      --background-color-box: #1e1e2e !important;
-    }
-  }
-
-  /* Variables and styles specific to about:protections */
-  @-moz-document url-prefix("about:protections") {
-    :root {
-      --zen-primary-color: #1e1e2e !important;
-      --social-color: #cba6f7 !important;
-      --coockie-color: #89dceb !important;
-      --fingerprinter-color: #f9e2af !important;
-      --cryptominer-color: #b4befe !important;
-      --tracker-color: #a6e3a1 !important;
-      --in-content-primary-button-background-hover: rgb(81, 83, 105) !important;
-      --in-content-primary-button-text-color-hover: #cdd6f4 !important;
-      --in-content-primary-button-background: #45475a !important;
-      --in-content-primary-button-text-color: #cdd6f4 !important;
-    }
-
-
-    .card {
-      background-color: #313244 !important;
-    }
-  }
-}
-
-/* Catppuccin Latte Blue userContent.css*/
+  /* Catppuccin Latte Blue userContent.css*/
 
 @media (prefers-color-scheme: light) {
 
-  /* Common variables affecting all pages */
-  @-moz-document url-prefix("about:") {
-    :root {
-      --in-content-page-color: #4c4f69 !important;
-      --color-accent-primary: #1e66f5 !important;
-      --color-accent-primary-hover: rgb(56, 119, 246) !important;
-      --color-accent-primary-active: rgb(31, 49, 245) !important; 
-      background-color: #eff1f5 !important;
-      --in-content-page-background: #eff1f5 !important;
+    /* Common variables affecting all pages */
+    @-moz-document url-prefix("about:") {
+      :root {
+        --in-content-page-color: #4c4f69 !important;
+        --color-accent-primary: #1e66f5 !important;
+        --color-accent-primary-hover: rgb(56, 119, 246) !important;
+        --color-accent-primary-active: rgb(31, 49, 245) !important;
+        background-color: #eff1f5 !important;
+        --in-content-page-background: #eff1f5 !important;
+      }
+
     }
 
-  }
+    /* Variables and styles specific to about:newtab and about:home */
+    @-moz-document url("about:newtab"), url("about:home") {
 
-  /* Variables and styles specific to about:newtab and about:home */
-  @-moz-document url("about:newtab"), url("about:home") {
+      :root {
+        --newtab-background-color: #eff1f5 !important;
+        --newtab-background-color-secondary: #ccd0da !important;
+        --newtab-element-hover-color: #ccd0da !important;
+        --newtab-text-primary-color: #4c4f69 !important;
+        --newtab-wordmark-color: #4c4f69 !important;
+        --newtab-primary-action-background: #1e66f5 !important;
+      }
 
-    :root {
-      --newtab-background-color: #eff1f5 !important;
-      --newtab-background-color-secondary: #ccd0da !important;
-      --newtab-element-hover-color: #ccd0da !important;
-      --newtab-text-primary-color: #4c4f69 !important;
-      --newtab-wordmark-color: #4c4f69 !important;
-    }
+      .icon {
+        color: #1e66f5 !important;
+      }
 
-    .icon {
-      color: #1e66f5 !important;
-    }
-
-    .search-wrapper .logo-and-wordmark .logo {
-      background: url("zen-logo-latte.svg"), url("https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Latte/Blue/zen-logo-latte.svg") no-repeat center !important;
-      display: inline-block !important;
-      height: 82px !important;
-      width: 82px !important;
-      background-size: 82px !important;
-    }
-
-    @media (max-width: 609px) {
       .search-wrapper .logo-and-wordmark .logo {
-        background-size: 64px !important;
-        height: 64px !important;
-        width: 64px !important;
+        background: url("zen-logo-latte.svg"), url("https://raw.githubusercontent.com/IAmJafeth/zen-browser/main/themes/Latte/Blue/zen-logo-latte.svg") no-repeat center !important;
+        display: inline-block !important;
+        height: 82px !important;
+        width: 82px !important;
+        background-size: 82px !important;
+      }
+
+      @media (max-width: 609px) {
+        .search-wrapper .logo-and-wordmark .logo {
+          background-size: 64px !important;
+          height: 64px !important;
+          width: 64px !important;
+        }
+      }
+
+      .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {
+        color: #1e66f5 !important;
+      }
+
+      .top-site-outer .search-topsite {
+        background-color: #1e66f5 !important;
+      }
+
+      .compact-cards .card-outer .card-context .card-context-icon.icon-download {
+        fill: #40a02b !important;
       }
     }
 
-    .card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {
-      color: #1e66f5 !important;
+    /* Variables and styles specific to about:preferences */
+    @-moz-document url-prefix("about:preferences") {
+      :root {
+        --zen-colors-tertiary: #e6e9ef !important;
+        --in-content-text-color: #4c4f69 !important;
+        --link-color: #1e66f5 !important;
+        --link-color-hover: rgb(56, 119, 246) !important;
+        --zen-colors-primary: #ccd0da !important;
+        --in-content-box-background: #ccd0da !important;
+        --zen-primary-color: #1e66f5 !important;
+      }
+
+      groupbox , moz-card{
+        background: #eff1f5 !important;
+      }
+
+      button,
+      groupbox menulist {
+        background: #ccd0da !important;
+        color: #4c4f69 !important;
+      }
+
+      .main-content {
+        background-color: #dce0e8 !important;
+      }
     }
 
-    .top-site-outer .search-topsite {
-      background-color: #1e66f5 !important;
+    /* Variables and styles specific to about:addons */
+    @-moz-document url-prefix("about:addons") {
+      :root {
+        --zen-dark-color-mix-base: #e6e9ef !important;
+        --background-color-box: #eff1f5 !important;
+      }
     }
 
-    .compact-cards .card-outer .card-context .card-context-icon.icon-download {
-      fill: #40a02b !important;
+    /* Variables and styles specific to about:protections */
+    @-moz-document url-prefix("about:protections") {
+      :root {
+        --zen-primary-color: #eff1f5 !important;
+        --social-color: #8839ef !important;
+        --coockie-color: #04a5e5 !important;
+        --fingerprinter-color: #df8e1d !important;
+        --cryptominer-color: #7287fd !important;
+        --tracker-color: #40a02b !important;
+        --in-content-primary-button-background-hover: rgb(203, 206, 215) !important;
+        --in-content-primary-button-text-color-hover: #4c4f69 !important;
+        --in-content-primary-button-background: #bcc0cc !important;
+        --in-content-primary-button-text-color: #4c4f69 !important;
+      }
+
+
+      .card {
+        background-color: #ccd0da !important;
+      }
     }
   }
-
-  /* Variables and styles specific to about:preferences */
-  @-moz-document url-prefix("about:preferences") {
-    :root {
-      --zen-colors-tertiary: #e6e9ef !important;
-      --in-content-text-color: #4c4f69 !important;
-      --link-color: #1e66f5 !important;
-      --link-color-hover: rgb(56, 119, 246) !important;
-      --zen-colors-primary: #ccd0da !important;
-      --in-content-box-background: #ccd0da !important;
-      --zen-primary-color: #1e66f5 !important;
-    }
-
-    groupbox , moz-card{
-      background: #eff1f5 !important;
-    }
-
-    button,
-    groupbox menulist {
-      background: #ccd0da !important;
-      color: #4c4f69 !important;
-    }
-
-    .main-content {
-      background-color: #dce0e8 !important;
-    }
-  }
-
-  /* Variables and styles specific to about:addons */
-  @-moz-document url-prefix("about:addons") {
-    :root {
-      --zen-dark-color-mix-base: #e6e9ef !important;
-      --background-color-box: #eff1f5 !important;
-    }
-  }
-
-  /* Variables and styles specific to about:protections */
-  @-moz-document url-prefix("about:protections") {
-    :root {
-      --zen-primary-color: #eff1f5 !important;
-      --social-color: #8839ef !important;
-      --coockie-color: #04a5e5 !important;
-      --fingerprinter-color: #df8e1d !important;
-      --cryptominer-color: #7287fd !important;
-      --tracker-color: #40a02b !important;
-      --in-content-primary-button-background-hover: rgb(203, 206, 215) !important;
-      --in-content-primary-button-text-color-hover: #4c4f69 !important;
-      --in-content-primary-button-background: #bcc0cc !important;
-      --in-content-primary-button-text-color: #4c4f69 !important;
-    }
-
-
-    .card {
-      background-color: #ccd0da !important;
-    }
-  }
-}
-