140 lines
4.1 KiB
CSS
140 lines
4.1 KiB
CSS
/* Catppuccin Mocha Blue userChrome.css*/
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
|
|
:root {
|
|
--zen-colors-primary: #313244 !important;
|
|
--zen-primary-color: #89b4fa !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;
|
|
--zen-themed-toolbar-bg: #181825 !important;
|
|
--zen-main-browser-background: #181825 !important;
|
|
}
|
|
|
|
#permissions-granted-icon{
|
|
color: #181825 !important;
|
|
}
|
|
|
|
.sidebar-placesTree {
|
|
background-color: #313244 !important;
|
|
}
|
|
|
|
#zen-workspaces-button {
|
|
background-color: #1e1e2e !important;
|
|
}
|
|
|
|
#TabsToolbar {
|
|
background-color: #181825 !important;
|
|
}
|
|
|
|
#urlbar-background {
|
|
background-color: #1e1e2e !important;
|
|
}
|
|
|
|
.content-shortcuts {
|
|
background-color: #1e1e2e !important;
|
|
border-color: #89b4fa !important;
|
|
}
|
|
|
|
.urlbarView-url {
|
|
color: #89b4fa !important;
|
|
}
|
|
|
|
#zenEditBookmarkPanelFaviconContainer {
|
|
background: #11111b !important;
|
|
}
|
|
|
|
toolbar .toolbarbutton-1 {
|
|
&:not([disabled]) {
|
|
&:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){
|
|
fill: #11111b;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Catppuccin Latte Blue userChrome.css*/
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
|
|
:root {
|
|
--zen-colors-primary: #ccd0da !important;
|
|
--zen-primary-color: #1e66f5 !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;
|
|
--zen-themed-toolbar-bg: #e6e9ef !important;
|
|
--zen-main-browser-background: #e6e9ef !important;
|
|
}
|
|
|
|
#permissions-granted-icon{
|
|
color: #e6e9ef !important;
|
|
}
|
|
|
|
.sidebar-placesTree {
|
|
background-color: #ccd0da !important;
|
|
}
|
|
|
|
#zen-workspaces-button {
|
|
background-color: #eff1f5 !important;
|
|
}
|
|
|
|
#TabsToolbar {
|
|
background-color: #e6e9ef !important;
|
|
}
|
|
|
|
#urlbar-background {
|
|
background-color: #eff1f5 !important;
|
|
}
|
|
|
|
.content-shortcuts {
|
|
background-color: #eff1f5 !important;
|
|
border-color: #1e66f5 !important;
|
|
}
|
|
|
|
.urlbarView-url {
|
|
color: #1e66f5 !important;
|
|
}
|
|
|
|
#zenEditBookmarkPanelFaviconContainer {
|
|
background: #dce0e8 !important;
|
|
}
|
|
|
|
toolbar .toolbarbutton-1 {
|
|
&:not([disabled]) {
|
|
&:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){
|
|
fill: #dce0e8;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|