add: walker theme

apps/matugen/config.toml

@@ -20,3 +20,8 @@ post_hook = "killall -SIGUSR2 .waybar-wrapped"
 input_path = "~/.config/matugen/templates/starship"
 output_path = "~/.config/starship.toml"
 
+[templates.walker]
+input_path = "~/.config/matugen/templates/walker"
+output_path = "~/.config/walker/themes/nixos/matugen.css"
+
+

apps/walker/style.nix

@@ -1,9 +1,7 @@
-{config, ...}: let
-  # Access Stylix colors (Base16)
-  colors = config.lib.stylix.colors.withHashtag;
-in {
+{config, ...}: {
   programs.walker = {
     theme.style = ''
+      @import "matugen.css";
         * {
           all: unset;
         }
@@ -11,7 +9,8 @@ in {
         * {
           font-family: monospace;
           font-size: 18px;
-        color: ${colors.base05};
+          /* Fixed: Text color must be visible on the background */
+          color: @on_surface;
         }
 
         scrollbar {
@@ -27,9 +26,11 @@ in {
         }
 
         .box-wrapper {
-        background: alpha(${colors.base00}, 0.95);
+          /* base00 -> surface */
+          background: alpha(@surface, 0.95);
           padding: 20px;
-        border: 2px solid ${colors.base0E};
+          /* base0E -> secondary (often pink/purple in Firewatch themes) */
+          border: 2px solid @secondary;
         }
 
         .preview-box {
@@ -39,7 +40,8 @@ in {
         }
 
         .search-container {
-        background: ${colors.base00};
+          /* base00 -> surface */
+          background: @surface;
           padding: 10px;
         }
 
@@ -73,13 +75,18 @@ in {
         }
 
         child:hover .item-box {
+          /* Added hover effect for better usability */
+          background: @surface_bright;
         }
 
         child:selected .item-box {
+          /* Selected background */
+          background: @surface_container_high;
         }
 
         child:selected .item-box * {
-        color: ${colors.base0D};
+          /* base0D -> primary */
+          color: @primary;
         }
 
         .item-box {
@@ -111,7 +118,8 @@ in {
         }
 
         .keybind-hints {
-        background: ${colors.base01};
+          /* base01 -> surface_container */
+          background: @surface_container;
           padding: 10px;
           margin-top: 10px;
         }