{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}; } ''; }; }