mod: walker 2

apps/matugen/templates/walker

@@ -1,18 +1,24 @@
-@define-color window_bg_color {{colors.surface_container.default.hex}};
-@define-color accent_bg_color {{colors.primary.default.hex}};
-@define-color theme_fg_color {{colors.on_surface.default.hex}};
-@define-color error_bg_color {{colors.error.default.hex}};
-@define-color error_fg_color {{colors.on_error.default.hex}};
+/* @import "../../../../../../../.config/omarchy/current/theme/walker.css"; */
+
+/* Define Matugen Colors */
+@define-color text {{colors.on_surface.default.hex}};
+@define-color base {{colors.surface_container.default.hex}};
+@define-color border {{colors.primary.default.hex}};
+@define-color selected_text {{colors.primary.default.hex}};
+@define-color background {{colors.surface.default.hex}};
 
 * {
   all: unset;
 }
 
-popover {
-  background: lighter(@window_bg_color);
-  border: 1px solid darker(@accent_bg_color);
-  border-radius: 0px; /* Square */
-  padding: 10px;
+* {
+  font-family: monospace;
+  font-size: 18px;
+  color: @text;
+}
+
+scrollbar {
+  opacity: 0;
 }
 
 .normal-icons {
@@ -23,50 +29,34 @@ popover {
   -gtk-icon-size: 32px;
 }
 
-scrollbar {
-  opacity: 0;
-}
-
 .box-wrapper {
-  /* Simple: Removed complex drop shadow */
-  box-shadow: none;
-  background: @window_bg_color;
+  background: alpha(@base, 0.95);
   padding: 20px;
-  border-radius: 0px; /* Square */
-  border: 2px solid @accent_bg_color; /* Slightly thicker border for definition */
+  border: 2px solid @border;
 }
 
-.preview-box,
-.elephant-hint,
-.placeholder {
-  color: @theme_fg_color;
+.preview-box {
 }
 
 .box {
 }
 
 .search-container {
-  border-radius: 0px; /* Square */
+  background: @base;
+  padding: 10px;
 }
 
 .input placeholder {
   opacity: 0.5;
 }
 
-.input selection {
-  background: lighter(lighter(lighter(@window_bg_color)));
-}
-
 .input {
-  caret-color: @theme_fg_color;
-  background: lighter(@window_bg_color);
-  padding: 10px;
-  color: @theme_fg_color;
-  border-bottom: 1px solid alpha(@theme_fg_color, 0.1); /* Simple separator instead of radius */
 }
 
 .input:focus,
 .input:active {
+  box-shadow: none;
+  outline: none;
 }
 
 .content-container {
@@ -79,129 +69,55 @@ scrollbar {
 }
 
 .list {
-  color: @theme_fg_color;
 }
 
-child {
+child,
+child > * {
+}
+
+child:hover .item-box {
+}
+
+child:selected .item-box {
+}
+
+child:selected .item-box * {
+  color: @selected_text;
 }
 
 .item-box {
-  border-radius: 0px; /* Square */
-  padding: 10px;
-}
-
-.item-quick-activation {
-  background: alpha(@accent_bg_color, 0.25);
-  border-radius: 0px; /* Square */
-  padding: 10px;
-}
-
-/* child:hover .item-box, */
-child:selected .item-box {
-  background: alpha(@accent_bg_color, 0.25);
+  padding-left: 14px;
 }
 
 .item-text-box {
+  all: unset;
+  padding: 14px 0;
+}
+
+.item-text {
 }
 
 .item-subtext {
-  font-size: 12px;
-  opacity: 0.5;
+  font-size: 0px;
+  min-height: 0px;
+  margin: 0px;
+  padding: 0px;
 }
 
-.providerlist .item-subtext {
-  font-size: unset;
-  opacity: 0.75;
+.item-image {
+  margin-right: 14px;
+  -gtk-icon-transform: scale(0.9);
 }
 
-.item-image-text {
-  font-size: 28px;
-}
-
-.preview {
-  border: 1px solid alpha(@accent_bg_color, 0.25);
-  /* padding: 10px; */
-  border-radius: 0px; /* Square */
-  color: @theme_fg_color;
-}
-
-.calc .item-text {
-  font-size: 24px;
-}
-
-.calc .item-subtext {
-}
-
-.symbols .item-image {
-  font-size: 24px;
-}
-
-.todo.done .item-text-box {
-  opacity: 0.25;
-}
-
-.todo.urgent {
-  font-size: 24px;
-}
-
-.todo.active {
-  font-weight: bold;
-}
-
-.bluetooth.disconnected {
-  opacity: 0.5;
-}
-
-.preview .large-icons {
-  -gtk-icon-size: 64px;
-}
-
-.keybinds {
-  padding-top: 10px;
-  border-top: 1px solid lighter(@window_bg_color);
-  font-size: 12px;
-  color: @theme_fg_color;
-}
-
-.global-keybinds {
-}
-
-.item-keybinds {
-}
-
-.keybind {
-}
-
-.keybind-button {
-  opacity: 0.5;
-}
-
-.keybind-button:hover {
-  opacity: 0.75;
-  cursor: pointer;
-}
-
-.keybind-bind {
-  text-transform: lowercase;
-  opacity: 0.35;
-}
-
-.keybind-label {
-  padding: 2px 4px;
-  border-radius: 0px; /* Square */
-  border: 1px solid @theme_fg_color;
-}
-
-.error {
-  padding: 10px;
-  background: @error_bg_color;
-  color: @error_fg_color;
-}
-
-:not(.calc).current {
+.current {
   font-style: italic;
 }
 
-.preview-content.archlinuxpkgs {
-  font-family: monospace;
+.keybind-hints {
+  background: @background;
+  padding: 10px;
+  margin-top: 10px;
+}
+
+.preview {
 }