diff --git a/home-manager/fred.nix b/home-manager/fred.nix index 7625fd8..c4ba617 100644 --- a/home-manager/fred.nix +++ b/home-manager/fred.nix @@ -54,7 +54,7 @@ [templates.zen] 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] input_path = "${inputs.self}/templates/vscodium-colors.json" diff --git a/templates/zen-userChrome.css b/templates/zen-userChrome.css index e170380..8cf187c 100644 --- a/templates/zen-userChrome.css +++ b/templates/zen-userChrome.css @@ -1,34 +1,71 @@ /* 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-secondary: {{colors.secondary_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-contrast: {{colors.outline.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; + --toolbox-textcolor: {{colors.on_surface.default.hex}} !important; }