kayprish/dotfiles
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore(browser): theme updates for zen

Browse source
This commit is contained in:
Sergio Laín 2025-07-13 01:22:12 +02:00
parent 4866d1a307
commit efc37aa8f9
No known key found for this signature in database
GPG key ID: 51BB28D8B42FB438
2 changed files with 121 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

83
.config/browser/chrome/zen-userChrome.css
View file

@ -1,11 +1,12 @@
/* Theming */
/* Catppuccin Macchiato Lavender userChrome.css*/
@media (prefers-color-scheme: dark) {
:root {
--zen-colors-primary: #24273a !important;
--zen-colors-primary: #363a4f !important;
--zen-primary-color: #b7bdf8 !important;
--zen-colors-secondary: #363a4f !important;
--zen-colors-tertiary: #1e2030 !important;
--zen-colors-border: #363a4f !important;
--zen-colors-border: #b7bdf8 !important;
--toolbarbutton-icon-fill: #b7bdf8 !important;
--lwt-text-color: #cad3f5 !important;
--toolbar-field-color: #cad3f5 !important;
@ -22,10 +23,13 @@
--newtab-background-color: #24273a !important;
--zen-themed-toolbar-bg: #1e2030 !important;
--zen-main-browser-background: #1e2030 !important;
--newtab-primary-action-background: #b7bdf8 !important;
--toolbox-bgcolor-inactive: #1e2030 !important;
}
#permissions-granted-icon {
color: #1e2030 !important;
}
.sidebar-placesTree {
background-color: #24273a !important;
}
@ -39,7 +43,7 @@
}
#urlbar-background {
background-color: #1e2030 !important;
background-color: #24273a !important;
}
.content-shortcuts {
@ -54,6 +58,75 @@
#zenEditBookmarkPanelFaviconContainer {
background: #181926 !important;
}
#zen-media-controls-toolbar {
& #zen-media-progress-bar {
&::-moz-range-track {
background: #363a4f !important;
}
}
}
toolbar .toolbarbutton-1 {
&:not([disabled]) {
&:is([open], [checked])
> :is(
.toolbarbutton-icon,
.toolbarbutton-text,
.toolbarbutton-badge-stack
) {
fill: #181926;
}
}
}
.identity-color-blue {
--identity-tab-color: #8aadf4 !important;
--identity-icon-color: #8aadf4 !important;
}
.identity-color-turquoise {
--identity-tab-color: #8bd5ca !important;
--identity-icon-color: #8bd5ca !important;
}
.identity-color-green {
--identity-tab-color: #a6da95 !important;
--identity-icon-color: #a6da95 !important;
}
.identity-color-yellow {
--identity-tab-color: #eed49f !important;
--identity-icon-color: #eed49f !important;
}
.identity-color-orange {
--identity-tab-color: #f5a97f !important;
--identity-icon-color: #f5a97f !important;
}
.identity-color-red {
--identity-tab-color: #ed8796 !important;
--identity-icon-color: #ed8796 !important;
}
.identity-color-pink {
--identity-tab-color: #f5bde6 !important;
--identity-icon-color: #f5bde6 !important;
}
.identity-color-purple {
--identity-tab-color: #c6a0f6 !important;
--identity-icon-color: #c6a0f6 !important;
}
hbox#titlebar {
background-color: #1e2030 !important;
}
#zen-appcontent-navbar-container {
background-color: #1e2030 !important;
}
}
#zen-essentials-container {

43
.config/browser/chrome/zen-userContent.css
View file

@ -1,3 +1,5 @@
/* Catppuccin Macchiato Lavender userContent.css*/
@media (prefers-color-scheme: dark) {
/* Common variables affecting all pages */
@-moz-document url-prefix("about:") {
@ -19,6 +21,7 @@
--newtab-element-hover-color: #363a4f !important;
--newtab-text-primary-color: #cad3f5 !important;
--newtab-wordmark-color: #cad3f5 !important;
--newtab-primary-action-background: #b7bdf8 !important;
}
.icon {
@ -83,6 +86,46 @@
.main-content {
background-color: #181926 !important;
}
.identity-color-blue {
--identity-tab-color: #8aadf4 !important;
--identity-icon-color: #8aadf4 !important;
}
.identity-color-turquoise {
--identity-tab-color: #8bd5ca !important;
--identity-icon-color: #8bd5ca !important;
}
.identity-color-green {
--identity-tab-color: #a6da95 !important;
--identity-icon-color: #a6da95 !important;
}
.identity-color-yellow {
--identity-tab-color: #eed49f !important;
--identity-icon-color: #eed49f !important;
}
.identity-color-orange {
--identity-tab-color: #f5a97f !important;
--identity-icon-color: #f5a97f !important;
}
.identity-color-red {
--identity-tab-color: #ed8796 !important;
--identity-icon-color: #ed8796 !important;
}
.identity-color-pink {
--identity-tab-color: #f5bde6 !important;
--identity-icon-color: #f5bde6 !important;
}
.identity-color-purple {
--identity-tab-color: #c6a0f6 !important;
--identity-icon-color: #c6a0f6 !important;
}
}
/* Variables and styles specific to about:addons */