diff --git a/zentheme/LICENSE b/zentheme/LICENSE
new file mode 100644
index 0000000..006383b
--- /dev/null
+++ b/zentheme/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Catppuccin
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/zentheme/README.md b/zentheme/README.md
new file mode 100644
index 0000000..05ed3ab
--- /dev/null
+++ b/zentheme/README.md
@@ -0,0 +1,4 @@
+# zentheme
+
+This folder contains a theme for the [Zen Web Browser](https://zen-browser.app), that is taken from [IAmJafeth/zen-browser](https://github.com/IAmJafeth/zen-browser).
+
diff --git a/zentheme/userChrome.css b/zentheme/userChrome.css
new file mode 100644
index 0000000..97e24e7
--- /dev/null
+++ b/zentheme/userChrome.css
@@ -0,0 +1,97 @@
+/* Catppuccin Mocha Blue userChrome.css*/
+
+@media (prefers-color-scheme: dark) {
+
+ :root {
+ --zen-colors-primary: #313244 !important;
+ --zen-colors-secondary: #313244 !important;
+ --zen-colors-tertiary: #181825 !important;
+ --zen-colors-border: #89b4fa !important;
+ --toolbarbutton-icon-fill: #89b4fa !important;
+ --lwt-text-color: #cdd6f4 !important;
+ --toolbar-field-color: #cdd6f4 !important;
+ --tab-selected-textcolor: rgb(171, 197, 247) !important;
+ --toolbar-field-focus-color: #cdd6f4 !important;
+ --toolbar-color: #cdd6f4 !important;
+ --newtab-text-primary-color: #cdd6f4 !important;
+ --arrowpanel-color: #cdd6f4 !important;
+ --arrowpanel-background: #1e1e2e !important;
+ --sidebar-text-color: #cdd6f4 !important;
+ --lwt-sidebar-text-color: #cdd6f4 !important;
+ --lwt-sidebar-background-color: #11111b !important;
+ --toolbar-bgcolor: #313244 !important;
+ --newtab-background-color: #1e1e2e !important;
+ }
+
+ .sidebar-placesTree {
+ background-color: #313244 !important;
+ }
+
+ #zen-workspaces-button {
+ background-color: #1e1e2e !important;
+ }
+
+ #urlbar-background {
+ background-color: #1e1e2e !important;
+ }
+
+ .content-shortcuts {
+ background-color: #1e1e2e !important;
+ border-color: #89b4fa !important;
+ }
+
+ .urlbarView-url {
+ color: #89b4fa !important;
+ }
+
+}
+
+/* Catppuccin Latte Blue userChrome.css*/
+
+@media (prefers-color-scheme: light) {
+
+ :root {
+ --zen-colors-primary: #ccd0da !important;
+ --zen-colors-secondary: #ccd0da !important;
+ --zen-colors-tertiary: #e6e9ef !important;
+ --zen-colors-border: #1e66f5 !important;
+ --toolbarbutton-icon-fill: #1e66f5 !important;
+ --lwt-text-color: #4c4f69 !important;
+ --toolbar-field-color: #4c4f69 !important;
+ --tab-selected-textcolor: rgb(53, 90, 175) !important;
+ --toolbar-field-focus-color: #4c4f69 !important;
+ --toolbar-color: #4c4f69 !important;
+ --newtab-text-primary-color: #4c4f69 !important;
+ --arrowpanel-color: #4c4f69 !important;
+ --arrowpanel-background: #eff1f5 !important;
+ --sidebar-text-color: #4c4f69 !important;
+ --lwt-sidebar-text-color: #4c4f69 !important;
+ --lwt-sidebar-background-color: #dce0e8 !important;
+ --toolbar-bgcolor: #ccd0da !important;
+ --newtab-background-color: #eff1f5 !important;
+ }
+
+ .sidebar-placesTree {
+ background-color: #ccd0da !important;
+ }
+
+ #zen-workspaces-button {
+ background-color: #eff1f5 !important;
+ }
+
+ #urlbar-background {
+ background-color: #eff1f5 !important;
+ }
+
+ .content-shortcuts {
+ background-color: #eff1f5 !important;
+ border-color: #1e66f5 !important;
+ }
+
+ .urlbarView-url {
+ color: #1e66f5 !important;
+ }
+
+}
+
+
diff --git a/zentheme/userContent.css b/zentheme/userContent.css
new file mode 100644
index 0000000..f2be058
--- /dev/null
+++ b/zentheme/userContent.css
@@ -0,0 +1,174 @@
+/* Catppuccin Mocha Blue userContent.css*/
+
+@media (prefers-color-scheme: dark) {
+ @-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;
+ }
+
+ .icon{
+ color: #89b4fa !important;
+ }
+
+ body {
+ background-color: #1e1e2e !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;
+ }
+ }
+
+ .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;
+ }
+
+ }
+
+
+ @-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(151, 138, 250) !important;
+ }
+
+ groupbox{
+ background: #1e1e2e !important;
+ }
+
+ groupbox button, groupbox menulist {
+ background: #313244 !important;
+ color: #cdd6f4 !important;
+ }
+
+ .main-content{
+ background-color: #11111b !important;
+ }
+ }
+
+ @-moz-document url-prefix("about:addons") {
+ :root{
+ --zen-dark-color-mix-base: #181825 !important;
+ --in-content-page-color: #cdd6f4 !important;
+ --background-color-box: #1e1e2e !important;
+ --color-accent-primary: #89b4fa !important;
+ --color-accent-primary-hover: rgb(151, 138, 250) !important;
+ }
+ }
+}
+
+
+/* Catppuccin Latte Blue userContent.css*/
+
+@media (prefers-color-scheme: light) {
+ @-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;
+ }
+
+ .icon{
+ color: #1e66f5 !important;
+ }
+
+ body {
+ background-color: #eff1f5 !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;
+ }
+ }
+
+ .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;
+ }
+
+ }
+
+
+ @-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(67, 31, 245) !important;
+ }
+
+ groupbox{
+ background: #eff1f5 !important;
+ }
+
+ groupbox button, groupbox menulist {
+ background: #ccd0da !important;
+ color: #4c4f69 !important;
+ }
+
+ .main-content{
+ background-color: #dce0e8 !important;
+ }
+ }
+
+ @-moz-document url-prefix("about:addons") {
+ :root{
+ --zen-dark-color-mix-base: #e6e9ef !important;
+ --in-content-page-color: #4c4f69 !important;
+ --background-color-box: #eff1f5 !important;
+ --color-accent-primary: #1e66f5 !important;
+ --color-accent-primary-hover: rgb(67, 31, 245) !important;
+ }
+ }
+}
+
+
+
+
diff --git a/zentheme/zen-logo-latte.svg b/zentheme/zen-logo-latte.svg
new file mode 100644
index 0000000..73fe63b
--- /dev/null
+++ b/zentheme/zen-logo-latte.svg
@@ -0,0 +1,17 @@
+
+
\ No newline at end of file
diff --git a/zentheme/zen-logo-mocha.svg b/zentheme/zen-logo-mocha.svg
new file mode 100644
index 0000000..e31ccff
--- /dev/null
+++ b/zentheme/zen-logo-mocha.svg
@@ -0,0 +1,17 @@
+
+
\ No newline at end of file