This commit is contained in:
parent
7aa9828cf4
commit
743a81247d
2 changed files with 65 additions and 28 deletions
|
|
@ -54,7 +54,7 @@
|
||||||
|
|
||||||
[templates.zen]
|
[templates.zen]
|
||||||
input_path = "${inputs.self}/templates/zen-userChrome.css"
|
input_path = "${inputs.self}/templates/zen-userChrome.css"
|
||||||
output_path = "${config.home.homeDirectory}/.zen/mpege0em.Default (release)/chrome/userChrome.css"
|
output_path = "${config.home.homeDirectory}/.zen/fraudek5.Default Profile/chrome/userChrome.css"
|
||||||
|
|
||||||
[templates.vscodium]
|
[templates.vscodium]
|
||||||
input_path = "${inputs.self}/templates/vscodium-colors.json"
|
input_path = "${inputs.self}/templates/vscodium-colors.json"
|
||||||
|
|
|
||||||
|
|
@ -1,34 +1,71 @@
|
||||||
/* Wallpaper-based colors generated by matugen */
|
/* Wallpaper-based colors generated by matugen */
|
||||||
:root {
|
|
||||||
/* Source variables — Zen derives all UI colors from these */
|
|
||||||
--zen-primary-color: {{colors.primary.default.hex}} !important;
|
|
||||||
--zen-branding-dark: {{colors.surface.default.hex}} !important;
|
|
||||||
--zen-branding-paper: {{colors.surface.default.hex}} !important;
|
|
||||||
--zen-main-browser-background: {{colors.surface_container_low.default.hex}} !important;
|
|
||||||
--zen-main-browser-background-toolbar: {{colors.surface_container_low.default.hex}} !important;
|
|
||||||
--zen-themed-toolbar-bg-transparent: {{colors.surface_container.default.hex}} !important;
|
|
||||||
|
|
||||||
/* Override derived colors for better palette match */
|
/* Override Zen's JS-applied gradient backgrounds directly on elements */
|
||||||
|
#zen-browser-background::after,
|
||||||
|
#zen-browser-background::before {
|
||||||
|
background: {{colors.surface.default.hex}} !important;
|
||||||
|
opacity: 1 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#zen-toolbar-background::after,
|
||||||
|
#zen-toolbar-background::before {
|
||||||
|
background: {{colors.surface_container_low.default.hex}} !important;
|
||||||
|
opacity: 1 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sidebar and tab strip */
|
||||||
|
#navigator-toolbox {
|
||||||
|
background-color: {{colors.surface_container_low.default.hex}} !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#TabsToolbar, #tabbrowser-tabs {
|
||||||
|
background-color: transparent !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab-background:is([selected], [multiselected]) {
|
||||||
|
background-color: {{colors.surface_container_high.default.hex}} !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* URL bar */
|
||||||
|
#urlbar-background {
|
||||||
|
background-color: {{colors.surface_container_high.default.hex}} !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#urlbar-input {
|
||||||
|
color: {{colors.on_surface.default.hex}} !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Nav bar and toolbar */
|
||||||
|
#nav-bar {
|
||||||
|
background-color: {{colors.surface_container.default.hex}} !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sidebar text and icons */
|
||||||
|
#sidebar-box, #sidebar {
|
||||||
|
background-color: {{colors.surface_container_low.default.hex}} !important;
|
||||||
|
color: {{colors.on_surface.default.hex}} !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Popup panels (menus, extensions etc) */
|
||||||
|
.panel-arrowcontent, panel, #appMenu-popup {
|
||||||
|
background-color: {{colors.surface_container.default.hex}} !important;
|
||||||
|
color: {{colors.on_surface.default.hex}} !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* New tab page background */
|
||||||
|
:root {
|
||||||
|
--newtab-background-color: {{colors.surface.default.hex}} !important;
|
||||||
|
--lwt-sidebar-background-color: {{colors.surface_container_low.default.hex}} !important;
|
||||||
|
--lwt-sidebar-text-color: {{colors.on_surface.default.hex}} !important;
|
||||||
|
--toolbar-bgcolor: {{colors.surface_container.default.hex}} !important;
|
||||||
|
--lwt-accent-color: {{colors.surface_container.default.hex}} !important;
|
||||||
|
--lwt-text-color: {{colors.on_surface.default.hex}} !important;
|
||||||
|
--arrowpanel-background: {{colors.surface_container.default.hex}} !important;
|
||||||
|
--arrowpanel-color: {{colors.on_surface.default.hex}} !important;
|
||||||
|
--zen-primary-color: {{colors.primary.default.hex}} !important;
|
||||||
--zen-colors-primary: {{colors.primary_container.default.hex}} !important;
|
--zen-colors-primary: {{colors.primary_container.default.hex}} !important;
|
||||||
--zen-colors-secondary: {{colors.secondary_container.default.hex}} !important;
|
--zen-colors-secondary: {{colors.secondary_container.default.hex}} !important;
|
||||||
--zen-colors-tertiary: {{colors.tertiary_container.default.hex}} !important;
|
--zen-colors-tertiary: {{colors.tertiary_container.default.hex}} !important;
|
||||||
--zen-colors-border: {{colors.outline_variant.default.hex}} !important;
|
--zen-colors-border: {{colors.outline_variant.default.hex}} !important;
|
||||||
--zen-colors-border-contrast: {{colors.outline.default.hex}} !important;
|
--toolbox-textcolor: {{colors.on_surface.default.hex}} !important;
|
||||||
--zen-colors-input-bg: {{colors.surface_container_high.default.hex}} !important;
|
|
||||||
--zen-urlbar-background: {{colors.surface_container_high.default.hex}} !important;
|
|
||||||
--zen-dialog-background: {{colors.surface_container.default.hex}} !important;
|
|
||||||
|
|
||||||
/* Firefox/toolkit variables */
|
|
||||||
--toolbar-bgcolor: {{colors.surface_container.default.hex}} !important;
|
|
||||||
--lwt-accent-color: {{colors.surface_container.default.hex}} !important;
|
|
||||||
--lwt-text-color: {{colors.on_surface.default.hex}} !important;
|
|
||||||
--tab-selected-bgcolor: {{colors.surface_container_high.default.hex}} !important;
|
|
||||||
--arrowpanel-background: {{colors.surface_container.default.hex}} !important;
|
|
||||||
--arrowpanel-color: {{colors.on_surface.default.hex}} !important;
|
|
||||||
--urlbar-box-bgcolor: {{colors.surface_container_low.default.hex}} !important;
|
|
||||||
--sidebar-background-color: {{colors.surface_container_low.default.hex}} !important;
|
|
||||||
--newtab-background-color: {{colors.surface.default.hex}} !important;
|
|
||||||
--lwt-sidebar-background-color: {{colors.surface_container_low.default.hex}} !important;
|
|
||||||
--lwt-sidebar-text-color: {{colors.on_surface.default.hex}} !important;
|
|
||||||
--lwt-toolbar-body-color: {{colors.on_surface.default.hex}} !important;
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue