From 9fc5686078ef97d11831e59a3b00ef69f8280ec8 Mon Sep 17 00:00:00 2001
From: Anthony Rodriguez <anthony@nezia.dev>
Date: Fri, 10 Jan 2025 10:40:36 +0100
Subject: [PATCH] nixosModules/style/modules/walker: add walker styling

---
 shared/nixosModules/style/modules/walker.nix | 159 +++++++++++++++++++
 1 file changed, 159 insertions(+)
 create mode 100644 shared/nixosModules/style/modules/walker.nix

diff --git a/shared/nixosModules/style/modules/walker.nix b/shared/nixosModules/style/modules/walker.nix
new file mode 100644
index 0000000..7497b87
--- /dev/null
+++ b/shared/nixosModules/style/modules/walker.nix
@@ -0,0 +1,159 @@
+{
+  lib,
+  config,
+  ...
+}: let
+  cfg = config.local.style;
+in {
+  config.home-manager.sharedModules = lib.mkIf cfg.enable [
+    {
+      programs.walker = {
+        theme = {
+          style = ''
+            @define-color foreground ${cfg.scheme.palette.base05};
+            @define-color background ${cfg.scheme.palette.base00};
+            @define-color accent ${cfg.scheme.palette.base0E};
+
+            #window,
+            #box,
+            #aiScroll,
+            #aiList,
+            #search,
+            #password,
+            #input,
+            #prompt,
+            #clear,
+            #typeahead,
+            #list,
+            child,
+            scrollbar,
+            slider,
+            #item,
+            #text,
+            #label,
+            #bar,
+            #sub,
+            #activationlabel {
+              all: unset;
+            }
+
+            #cfgerr {
+              background: rgba(255, 0, 0, 0.4);
+              margin-top: 20px;
+              padding: 8px;
+              font-size: 1.2em;
+            }
+
+            #window {
+              color: @foreground;
+            }
+
+            #box {
+              border-radius: 2px;
+              background: @background;
+              padding: 32px;
+              border: 1px solid ${cfg.scheme.palette.base01};
+              box-shadow:
+                0 19px 38px rgba(0, 0, 0, 0.3),
+                0 15px 12px rgba(0, 0, 0, 0.22);
+            }
+
+            #search {
+              box-shadow:
+                0 1px 3px rgba(0, 0, 0, 0.1),
+                0 1px 2px rgba(0, 0, 0, 0.22);
+              background: ${cfg.scheme.palette.base01};
+              padding: 8px;
+            }
+
+            #prompt {
+              margin-left: 4px;
+              margin-right: 12px;
+              color: @foreground;
+              opacity: 0.2;
+            }
+
+            #clear {
+              color: @foreground;
+              opacity: 0.8;
+            }
+
+            #password,
+            #input,
+            #typeahead {
+              border-radius: 2px;
+            }
+
+            #input {
+              background: none;
+            }
+
+            #spinner {
+              padding: 8px;
+            }
+
+            #typeahead {
+              color: @foreground;
+              opacity: 0.8;
+            }
+
+            #input placeholder {
+              opacity: 0.5;
+            }
+
+            child {
+              padding: 8px;
+              border-radius: 2px;
+            }
+
+            child:selected,
+            child:hover {
+              background: alpha(@accent, 0.4);
+            }
+
+            #icon {
+              margin-right: 8px;
+            }
+
+            #label {
+              font-weight: 500;
+            }
+
+            #sub {
+              opacity: 0.5;
+              font-size: 0.8em;
+            }
+
+            .aiItem {
+              padding: 10px;
+              border-radius: 2px;
+              color: @foreground;
+              background: @background;
+            }
+
+            .aiItem.assistant {
+              background: ${cfg.scheme.palette.base02};
+            }
+
+            .aiItem:hover {
+              background: alpha(@accent, 0.2);
+              color: ${cfg.scheme.palette.base00};
+            }
+
+            #activationlabel {
+              color: @accent;
+              font-weight: bold;
+            }
+          '';
+
+          layout = {
+            ui.window.box = {
+              v_align = "center";
+              orientation = "vertical";
+            };
+          };
+        };
+      };
+    }
+  ];
+}