actually added theme for the zen browser
Signed-off-by: cswimr <seaswimmerthefsh@gmail.com>
This commit is contained in:
parent
b4e8abfa74
commit
e7759db065
GPG key ID:
3813315477F26F82
6 changed files with 330 additions and 0 deletions
21
zentheme/LICENSE
Normal file
21
zentheme/LICENSE
Normal file
|
|
@ -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.
|
||||||
4
zentheme/README.md
Normal file
4
zentheme/README.md
Normal file
|
|
@ -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).
|
||||||
|
|
||||||
97
zentheme/userChrome.css
Normal file
97
zentheme/userChrome.css
Normal file
|
|
@ -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;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
174
zentheme/userContent.css
Normal file
174
zentheme/userContent.css
Normal file
|
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
17
zentheme/zen-logo-latte.svg
Normal file
17
zentheme/zen-logo-latte.svg
Normal file
|
|
@ -0,0 +1,17 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" fill="none" viewBox="0 0 256 256">
|
||||||
|
<g clip-path="url(#a)">
|
||||||
|
<path fill="#dce0e8" d="M197.6 0H58.4C26.147 0 0 26.147 0 58.4v139.2C0 229.853 26.147 256 58.4 256h139.2c32.253 0 58.4-26.147 58.4-58.4V58.4C256 26.147 229.853 0 197.6 0Z"/>
|
||||||
|
<path fill="url(#b)" d="M197.6 0H58.4C26.147 0 0 26.147 0 58.4v139.2C0 229.853 26.147 256 58.4 256h139.2c32.253 0 58.4-26.147 58.4-58.4V58.4C256 26.147 229.853 0 197.6 0Z"/>
|
||||||
|
<path fill="#4c4f69" d="M202.997 184.57c-.171 10.281-8.773 18.43-19.056 18.43h-77.288c-3.006 0-5.046-3.055-3.894-5.831l.026-.064c5.082-12.27 13.329-22.625 23.859-30.178a7.718 7.718 0 0 1 4.503-1.427h53.103c10.462 0 18.923 8.568 18.747 19.07ZM149.347 53c3.006 0 5.046 3.055 3.894 5.831l-.026.063c-5.082 12.271-13.329 22.625-23.859 30.179a7.72 7.72 0 0 1-4.502 1.427H72.059c-10.283 0-18.885-8.149-19.056-18.43C52.828 61.568 61.288 53 71.75 53h77.597ZM71.746 203c-2.39 0-4.82-.46-7.167-1.432-9.566-3.962-14.11-14.93-10.147-24.496 6.094-14.713 14.83-27.903 25.963-39.204 11.535-11.707 25.137-20.855 40.43-27.19 21.021-8.707 37.393-25.079 46.1-46.099 3.962-9.567 14.93-14.11 24.496-10.147 9.567 3.962 14.11 14.93 10.147 24.496-6.094 14.713-14.829 27.903-25.963 39.204-11.534 11.707-25.137 20.855-40.43 27.189-21.021 8.708-37.393 25.08-46.1 46.1-2.99 7.22-9.972 11.579-17.329 11.579Z"/>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<linearGradient id="b" x1="128" x2="128" y1="256" y2="0" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop offset=".1" stop-color="#fff" stop-opacity=".02"/>
|
||||||
|
<stop offset=".9" stop-color="#fff" stop-opacity=".1"/>
|
||||||
|
</linearGradient>
|
||||||
|
<clipPath id="a">
|
||||||
|
<path fill="#fff" d="M0 0h256v256H0z"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
|
||||||
|
After Width: | Height: | Size: 1.7 KiB |
17
zentheme/zen-logo-mocha.svg
Normal file
17
zentheme/zen-logo-mocha.svg
Normal file
|
|
@ -0,0 +1,17 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" fill="none" viewBox="0 0 256 256">
|
||||||
|
<g clip-path="url(#a)">
|
||||||
|
<path fill="#11111b" d="M197.6 0H58.4C26.147 0 0 26.147 0 58.4v139.2C0 229.853 26.147 256 58.4 256h139.2c32.253 0 58.4-26.147 58.4-58.4V58.4C256 26.147 229.853 0 197.6 0Z"/>
|
||||||
|
<path fill="url(#b)" d="M197.6 0H58.4C26.147 0 0 26.147 0 58.4v139.2C0 229.853 26.147 256 58.4 256h139.2c32.253 0 58.4-26.147 58.4-58.4V58.4C256 26.147 229.853 0 197.6 0Z"/>
|
||||||
|
<path fill="#cdd6f4" d="M202.997 184.57c-.171 10.281-8.773 18.43-19.056 18.43h-77.288c-3.006 0-5.046-3.055-3.894-5.831l.026-.064c5.082-12.27 13.329-22.625 23.859-30.178a7.718 7.718 0 0 1 4.503-1.427h53.103c10.462 0 18.923 8.568 18.747 19.07ZM149.347 53c3.006 0 5.046 3.055 3.894 5.831l-.026.063c-5.082 12.271-13.329 22.625-23.859 30.179a7.72 7.72 0 0 1-4.502 1.427H72.059c-10.283 0-18.885-8.149-19.056-18.43C52.828 61.568 61.288 53 71.75 53h77.597ZM71.746 203c-2.39 0-4.82-.46-7.167-1.432-9.566-3.962-14.11-14.93-10.147-24.496 6.094-14.713 14.83-27.903 25.963-39.204 11.535-11.707 25.137-20.855 40.43-27.19 21.021-8.707 37.393-25.079 46.1-46.099 3.962-9.567 14.93-14.11 24.496-10.147 9.567 3.962 14.11 14.93 10.147 24.496-6.094 14.713-14.829 27.903-25.963 39.204-11.534 11.707-25.137 20.855-40.43 27.189-21.021 8.708-37.393 25.08-46.1 46.1-2.99 7.22-9.972 11.579-17.329 11.579Z"/>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<linearGradient id="b" x1="128" x2="128" y1="256" y2="0" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop offset=".1" stop-color="#fff" stop-opacity=".02"/>
|
||||||
|
<stop offset=".9" stop-color="#fff" stop-opacity=".1"/>
|
||||||
|
</linearGradient>
|
||||||
|
<clipPath id="a">
|
||||||
|
<path fill="#fff" d="M0 0h256v256H0z"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
|
||||||
|
After Width: | Height: | Size: 1.7 KiB |
Reference in a new issue