Adding theming for walker

2026-02-27 19:18:46 +01:00
parent e5471bc341
commit 61f0e5ea57
6 changed files with 774 additions and 540 deletions
@@ -0,0 +1,157 @@
+/* Catppuccin Mocha Walker Theme */
+
+/* --- Palette --- */
+@define-color base   #1e1e2e;
+@define-color mantle #181825;
+@define-color crust  #11111b;
+
+@define-color text       #cdd6f4;
+@define-color subtext0   #a6adc8;
+@define-color subtext1   #bac2de;
+
+@define-color surface0   #313244;
+@define-color surface1   #45475a;
+@define-color surface2   #585b70;
+
+@define-color overlay0   #6c7086;
+@define-color overlay1   #7f849c;
+@define-color overlay2   #9399b2;
+
+@define-color blue   #89b4fa;
+@define-color lavender #b4befe;
+@define-color mauve  #cba6f7;
+@define-color green  #a6e3a1;
+@define-color red    #f38ba8;
+@define-color peach  #fab387;
+@define-color yellow #f9e2af;
+
+/* --- Walker expected tokens --- */
+@define-color foreground @text;
+@define-color background alpha(@mantle, 0.98);
+@define-color color1 @blue;
+
+/* --- Reset --- */
+#window,
+#box,
+#aiScroll,
+#aiList,
+#search,
+#password,
+#input,
+#prompt,
+#clear,
+#typeahead,
+#list,
+child,
+scrollbar,
+slider,
+#item,
+#text,
+#label,
+#bar,
+#sub,
+#activationlabel {
+    all: unset;
+}
+
+/* --- Error --- */
+#cfgerr {
+    background: alpha(@red, 0.4);
+    margin-top: 20px;
+    padding: 8px;
+    font-size: 1.2em;
+}
+
+/* --- Window --- */
+#window {
+    color: @foreground;
+}
+
+/* --- Main container --- */
+#box {
+    border-radius: 6px;
+    background: @background;
+    padding: 32px;
+    border: 1px solid @surface1;
+    box-shadow:
+        0 19px 38px alpha(@crust, 0.5),
+        0 15px 12px alpha(@crust, 0.35);
+}
+
+/* --- Search --- */
+#search {
+    background: @surface0;
+    padding: 8px;
+    border-radius: 4px;
+    border: 1px solid @surface1;
+}
+
+#prompt {
+    margin-left: 4px;
+    margin-right: 12px;
+    color: @overlay1;
+}
+
+#clear {
+    color: @overlay2;
+}
+
+/* --- Inputs --- */
+#password,
+#input,
+#typeahead {
+    border-radius: 4px;
+}
+
+#input {
+    background: none;
+}
+
+#typeahead {
+    color: @subtext1;
+}
+
+#input placeholder {
+    color: @overlay0;
+}
+
+/* --- List --- */
+child {
+    padding: 8px;
+    border-radius: 4px;
+}
+
+/* Hover / Selection */
+child:selected,
+child:hover {
+    background: alpha(@color1, 0.25);
+}
+
+/* --- Text --- */
+#label {
+    font-weight: 500;
+}
+
+#sub {
+    color: @subtext0;
+    font-size: 0.8em;
+}
+
+/* --- Activation --- */
+.activation #text,
+.activation #icon,
+.activation #search {
+    opacity: 0.5;
+}
+
+/* --- AI Panel --- */
+.aiItem {
+    padding: 10px;
+    border-radius: 4px;
+    color: @foreground;
+    background: @mantle;
+}
+
+.aiItem.assistant {
+    background: @surface0;
+}