helum

modules/home/home-browser-helium-sidechery.ulu.nix

@@ -88,7 +88,6 @@
         extraFlags = [ "--load-extension=${sidechery-styled}" ];
 
         preferences = {
-          helium.browser.layout = 2;
           extensions.commands."linux:Ctrl+S" = {
             command_name = "_execute_action";
             extension = "napehjbogfncaoogcckddbidjgcapclg";

modules/home/home-browser-helium.ulu.nix

@@ -62,10 +62,10 @@
         preferences = {
           helium.browser = {
             zen_mode = true;
-            zen_mode_sidebar_pinned = true;
+            zen_mode_sidebar_pinned = false;
             zen_mode_top_chrome_pinned = true;
-            centered_location_bar = true;
+            centered_location_bar = false;
-            minimal_location_bar = true;
+            minimal_location_bar = false;
             rounded_frame = false;
             new_tab_next_to_active = false;
             show_back_button = true;

modules/home/theme/home-theme-sidechery.ulu.nix

@@ -4,33 +4,55 @@
   flake.homeModules.home-theme-sidechery =
     { config, ... }:
     let
-      p = config.elars.theme.palette.withHashtag;
+      # Colour variables for one palette. sidechery's sidebar follows the
-      accent = p.accent or p.base06;
+      # browser's light/dark mode, so each palette goes under its own
+      # prefers-color-scheme query.
+      colors =
+        palette:
+        let
+          p = palette.withHashtag;
+          accent = p.accent or p.base06;
+        in
+        ''
+          #root.root {
+            --frame-bg: ${p.base00};
+            --frame-fg: ${p.base05};
+            --toolbar-bg: ${p.base01};
+            --toolbar-fg: ${p.base05};
+            --popup-bg: ${p.base01};
+            --popup-fg: ${p.base05};
+            --s-accent: ${accent};
+            --nav-btn-active-shadow: inset 0 0 0 1px ${accent};
+          }
+
+          [data-color=red] { --color: ${p.base08}; }
+          [data-color=orange] { --color: ${p.base09}; }
+          [data-color=yellow] { --color: ${p.base0A}; }
+          [data-color=green] { --color: ${p.base0B}; }
+          [data-color=cyan],
+          [data-color=turquoise] { --color: ${p.base0C}; }
+          [data-color=blue] { --color: ${p.base0D}; }
+          [data-color=purple] { --color: ${p.base0E}; }
+          [data-color=pink] { --color: color-mix(in oklab, white 25%, ${p.base0E}); }
+          [data-color=gray] { --color: ${p.base04}; }
+        '';
     in
     {
       elars.sidechery.extraCss = ''
-        /* generated from elars.theme.palette */
+        /* generated from elars.theme.palette / paletteLight */
-        #root.root {
+        @media (prefers-color-scheme: dark) {
-          --frame-bg: ${p.base00};
+        ${colors config.elars.theme.palette}
-          --toolbar-bg: ${p.base01};
+        }
-          --s-accent: ${accent};
 
-          --nav-btn-active-shadow: inset 0 0 0 1px ${accent};
+        @media (prefers-color-scheme: light) {
+        ${colors config.elars.theme.paletteLight}
+        }
+
+        #root.root {
           --nav-btn-len-margin: 2px;
           --tabs-border-radius: 0px;
         }
 
-        [data-color=red] { --color: ${p.base08}; }
-        [data-color=orange] { --color: ${p.base09}; }
-        [data-color=yellow] { --color: ${p.base0A}; }
-        [data-color=green] { --color: ${p.base0B}; }
-        [data-color=cyan],
-        [data-color=turquoise] { --color: ${p.base0C}; }
-        [data-color=blue] { --color: ${p.base0D}; }
-        [data-color=purple] { --color: ${p.base0E}; }
-        [data-color=pink] { --color: color-mix(in oklab, white 25%, ${p.base0E}); }
-        [data-color=gray] { --color: ${p.base04}; }
-
         .Tab[data-pin=false] .fav {
           margin: 0 var(--tabs-inner-gap) 0 var(--tabs-inner-gap);
         }