update zen-browser theme to a1e737d200
This commit is contained in:
parent
3c9e51bb8b
commit
89f366ae87
GPG key ID:
A9C162E867C851FA
2 changed files with 205 additions and 204 deletions
|
|
@ -27,11 +27,11 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
#permissions-granted-icon{
|
#permissions-granted-icon{
|
||||||
color: #181825 !important;
|
color: #181825 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar-placesTree {
|
.sidebar-placesTree {
|
||||||
background-color: #313244 !important;
|
background-color: #1e1e2e !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#zen-workspaces-button {
|
#zen-workspaces-button {
|
||||||
|
|
@ -56,7 +56,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
#zenEditBookmarkPanelFaviconContainer {
|
#zenEditBookmarkPanelFaviconContainer {
|
||||||
background: #11111b !important;
|
background: #11111b !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
toolbar .toolbarbutton-1 {
|
toolbar .toolbarbutton-1 {
|
||||||
|
|
@ -97,11 +97,11 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
#permissions-granted-icon{
|
#permissions-granted-icon{
|
||||||
color: #e6e9ef !important;
|
color: #e6e9ef !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar-placesTree {
|
.sidebar-placesTree {
|
||||||
background-color: #ccd0da !important;
|
background-color: #eff1f5 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#zen-workspaces-button {
|
#zen-workspaces-button {
|
||||||
|
|
@ -126,7 +126,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
#zenEditBookmarkPanelFaviconContainer {
|
#zenEditBookmarkPanelFaviconContainer {
|
||||||
background: #dce0e8 !important;
|
background: #dce0e8 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
toolbar .toolbarbutton-1 {
|
toolbar .toolbarbutton-1 {
|
||||||
|
|
@ -137,4 +137,3 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -2,235 +2,237 @@
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
|
|
||||||
/* Common variables affecting all pages */
|
/* Common variables affecting all pages */
|
||||||
@-moz-document url-prefix("about:") {
|
@-moz-document url-prefix("about:") {
|
||||||
:root {
|
:root {
|
||||||
--in-content-page-color: #cdd6f4 !important;
|
--in-content-page-color: #cdd6f4 !important;
|
||||||
--color-accent-primary: #89b4fa !important;
|
--color-accent-primary: #89b4fa !important;
|
||||||
--color-accent-primary-hover: rgb(163, 197, 251) !important;
|
--color-accent-primary-hover: rgb(163, 197, 251) !important;
|
||||||
--color-accent-primary-active: rgb(138, 153, 250) !important;
|
--color-accent-primary-active: rgb(138, 153, 250) !important;
|
||||||
background-color: #1e1e2e !important;
|
background-color: #1e1e2e !important;
|
||||||
--in-content-page-background: #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 */
|
:root {
|
||||||
@-moz-document url("about:newtab"), url("about:home") {
|
--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 {
|
.icon {
|
||||||
--newtab-background-color: #1e1e2e !important;
|
color: #89b4fa !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;
|
|
||||||
}
|
|
||||||
|
|
||||||
.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 {
|
.search-wrapper .logo-and-wordmark .logo {
|
||||||
background-size: 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;
|
||||||
height: 64px !important;
|
display: inline-block !important;
|
||||||
width: 64px !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 {
|
/* Variables and styles specific to about:preferences */
|
||||||
color: #89b4fa !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(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 {
|
/* Variables and styles specific to about:addons */
|
||||||
background-color: #89b4fa !important;
|
@-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 {
|
/* Variables and styles specific to about:protections */
|
||||||
fill: #a6e3a1 !important;
|
@-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{
|
/* Catppuccin Latte Blue userContent.css*/
|
||||||
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*/
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: light) {
|
@media (prefers-color-scheme: light) {
|
||||||
|
|
||||||
/* Common variables affecting all pages */
|
/* Common variables affecting all pages */
|
||||||
@-moz-document url-prefix("about:") {
|
@-moz-document url-prefix("about:") {
|
||||||
:root {
|
:root {
|
||||||
--in-content-page-color: #4c4f69 !important;
|
--in-content-page-color: #4c4f69 !important;
|
||||||
--color-accent-primary: #1e66f5 !important;
|
--color-accent-primary: #1e66f5 !important;
|
||||||
--color-accent-primary-hover: rgb(56, 119, 246) !important;
|
--color-accent-primary-hover: rgb(56, 119, 246) !important;
|
||||||
--color-accent-primary-active: rgb(31, 49, 245) !important;
|
--color-accent-primary-active: rgb(31, 49, 245) !important;
|
||||||
background-color: #eff1f5 !important;
|
background-color: #eff1f5 !important;
|
||||||
--in-content-page-background: #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 */
|
:root {
|
||||||
@-moz-document url("about:newtab"), url("about:home") {
|
--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 {
|
.icon {
|
||||||
--newtab-background-color: #eff1f5 !important;
|
color: #1e66f5 !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;
|
|
||||||
}
|
|
||||||
|
|
||||||
.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 {
|
.search-wrapper .logo-and-wordmark .logo {
|
||||||
background-size: 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;
|
||||||
height: 64px !important;
|
display: inline-block !important;
|
||||||
width: 64px !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 {
|
/* Variables and styles specific to about:preferences */
|
||||||
color: #1e66f5 !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(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 {
|
/* Variables and styles specific to about:addons */
|
||||||
background-color: #1e66f5 !important;
|
@-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 {
|
/* Variables and styles specific to about:protections */
|
||||||
fill: #40a02b !important;
|
@-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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
|
||||||
Reference in a new issue