nixdots/config/zen-rose-pine/userChrome.css
2025-10-18 17:35:04 +03:00

71 lines
1.9 KiB
CSS

@import "rose-pine-moon.css";
:root {
--zen-colors-primary: var(--base) !important;
--zen-primary-color: var(--base) !important;
--zen-colors-secondary: var(--surface) !important;
--zen-colors-tertiary: var(--overlay) !important;
--zen-colors-border: var(--iris) !important;
--toolbarbutton-icon-fill: var(--iris) !important;
--lwt-text-color: var(--text) !important;
--toolbar-field-color: var(--text) !important;
--tab-selected-textcolor: var(--iris) !important;
--toolbar-field-focus-color: var(--text) !important;
--toolbar-color: var(--text) !important;
--newtab-text-primary-color: var(--text) !important;
--arrowpanel-color: var(--text) !important;
--arrowpanel-background: var(--overlay) !important;
--sidebar-text-color: var(--text) !important;
--lwt-sidebar-text-color: var(--text) !important;
--lwt-sidebar-background-color: var(--base) !important;
--toolbar-bgcolor: var(--base) !important;
--newtab-background-color: var(--overlay) !important;
--zen-themed-toolbar-bg: var(--base) !important;
--zen-main-browser-background: var(--base) !important;
}
#permissions-granted-icon {
color: #181825 !important;
}
.sidebar-placesTree {
background-color: var(--surface) !important;
}
#zen-workspaces-button {
background-color: var(--surface) !important;
}
#urlbar-background {
background-color: var(--surface) !important;
}
.tab-background[selected=""] {
background: var(--overlay) !important;
}
.content-shortcuts {
background-color: var(--surface) !important;
border-color: #89b4fa !important;
}
.urlbarView-url {
color: var(--iris) !important;
}
#zenEditBookmarkPanelFaviconContainer {
background: var(--base) !important;
}
toolbar .toolbarbutton-1 {
&:not([disabled]) {
&:is([open], [checked])
> :is(
.toolbarbutton-icon,
.toolbarbutton-text,
.toolbarbutton-badge-stack
) {
fill: var(--base);
}
}
}