From 6e8c747a5cd870082beee8aab50c97b7ce690acf Mon Sep 17 00:00:00 2001
From: kenji <kenji@hakase>
Date: Thu, 25 Dec 2025 09:58:37 -0600
Subject: [PATCH] added style for walker

---
 apps/walker/home.nix  |  7 ++-
 apps/walker/style.nix | 99 +++++++++++++++++++++++++++++++++++++++++++
 apps/waybar/home.nix  |  5 ++-
 3 files changed, 108 insertions(+), 3 deletions(-)
 create mode 100644 apps/walker/style.nix

diff --git a/apps/walker/home.nix b/apps/walker/home.nix
index 90c8a37..b036d4e 100644
--- a/apps/walker/home.nix
+++ b/apps/walker/home.nix
@@ -4,7 +4,10 @@
   pkgs,
   ...
 }: {
-  imports = [inputs.walker.homeManagerModules.default];
+  imports = [
+    inputs.walker.homeManagerModules.default
+    ./style.nix
+  ];
 
   programs.walker = {
     enable = true;
@@ -12,6 +15,8 @@
 
     package = inputs.walker.packages.${pkgs.system}.default;
 
+    # CSS Implementation using Stylix Colors
+
     config = {
       icons.theme = config.gtk.iconTheme.name;
 
diff --git a/apps/walker/style.nix b/apps/walker/style.nix
new file mode 100644
index 0000000..f895271
--- /dev/null
+++ b/apps/walker/style.nix
@@ -0,0 +1,99 @@
+{config, ...}: let
+  # Access Stylix colors (Base16)
+  colors = config.lib.stylix.colors.withHashtag;
+in {
+  programs.walker = {
+    theme.style = ''
+      * {
+        font-family: monospace;
+        font-size: 18px;
+        color: ${colors.base05}; /* Text */
+      }
+
+      scrollbar {
+        opacity: 0;
+      }
+
+      .normal-icons {
+        -gtk-icon-size: 16px;
+      }
+
+      .large-icons {
+        -gtk-icon-size: 32px;
+      }
+
+      .box-wrapper {
+        background: ${colors.base00}; /* Surface0/Base */
+        padding: 20px;
+        border: 2px solid ${colors.base0E}; /* Lavender/Accent Border */
+        border-radius: 12px;
+      }
+
+      .search-container {
+        background: ${colors.base01}; /* Surface1 */
+        padding: 10px;
+        border-radius: 8px;
+        margin-bottom: 10px;
+      }
+
+      .input placeholder {
+        opacity: 0.5;
+        color: ${colors.base03};
+      }
+
+      .input {
+        color: ${colors.base05};
+      }
+
+      .input:focus,
+      .input:active {
+        box-shadow: none;
+        outline: none;
+      }
+
+      child:hover .item-box {
+        background: ${colors.base02}; /* Surface2/Selection wrapper */
+        border-radius: 8px;
+      }
+
+      child:selected .item-box {
+        background: ${colors.base0E}; /* Lavender selection */
+        border-radius: 8px;
+      }
+
+      child:selected .item-box * {
+        color: ${colors.base00}; /* Text becomes dark on accent background */
+      }
+
+      .item-box {
+        padding: 5px 14px;
+      }
+
+      .item-text-box {
+        padding: 5px 0;
+      }
+
+      .item-subtext {
+        font-size: 12px;
+        opacity: 0.7;
+      }
+
+      .item-image {
+        margin-right: 14px;
+        -gtk-icon-transform: scale(0.9);
+      }
+
+      .current {
+        font-style: italic;
+      }
+
+      .keybind-hints {
+        background: ${colors.base01};
+        padding: 10px;
+        margin-top: 10px;
+        border-radius: 8px;
+        color: ${colors.base0E};
+      }
+    '';
+  };
+}
diff --git a/apps/waybar/home.nix b/apps/waybar/home.nix
index d1cb5f1..9160c37 100644
--- a/apps/waybar/home.nix
+++ b/apps/waybar/home.nix
@@ -1,6 +1,7 @@
 {
   config,
   pkgs,
+  myConfig,
   ...
 }: {
   imports = [
@@ -72,8 +73,8 @@
         "cpu" = {
           interval = 5;
           format = "󰍛";
-          on-click = "omarchy-focus-wrapper btop";
-          on-click-right = "alacritty";
+          on-click = "hakase-focus-wrapper btop";
+          on-click-right = "xdg-terminal-exec";
         };
 
         "clock" = {