From e7759db065b1fa66207162f98070e166211f8c93 Mon Sep 17 00:00:00 2001 From: cswimr Date: Sun, 15 Sep 2024 01:24:26 -0400 Subject: [PATCH] actually added theme for the zen browser Signed-off-by: cswimr --- zentheme/LICENSE | 21 +++++ zentheme/README.md | 4 + zentheme/userChrome.css | 97 ++++++++++++++++++++ zentheme/userContent.css | 174 ++++++++++++++++++++++++++++++++++++ zentheme/zen-logo-latte.svg | 17 ++++ zentheme/zen-logo-mocha.svg | 17 ++++ 6 files changed, 330 insertions(+) create mode 100644 zentheme/LICENSE create mode 100644 zentheme/README.md create mode 100644 zentheme/userChrome.css create mode 100644 zentheme/userContent.css create mode 100644 zentheme/zen-logo-latte.svg create mode 100644 zentheme/zen-logo-mocha.svg 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