{ lib, config, ... }: let cfg = config.local.style; in { config.home-manager.sharedModules = lib.mkIf cfg.enable [ { programs.walker = { theme = { style = '' @define-color foreground ${cfg.scheme.palette.base05}; @define-color background ${cfg.scheme.palette.base00}; @define-color accent ${cfg.scheme.palette.base0E}; #window, #box, #aiScroll, #aiList, #search, #password, #input, #prompt, #clear, #typeahead, #list, child, scrollbar, slider, #item, #text, #label, #bar, #sub, #activationlabel { all: unset; } #cfgerr { background: rgba(255, 0, 0, 0.4); margin-top: 20px; padding: 8px; font-size: 1.2em; } #window { color: @foreground; } #box { border-radius: 2px; background: @background; padding: 32px; border: 1px solid ${cfg.scheme.palette.base01}; box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); } #search { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.22); background: ${cfg.scheme.palette.base01}; padding: 8px; } #prompt { margin-left: 4px; margin-right: 12px; color: @foreground; opacity: 0.2; } #clear { color: @foreground; opacity: 0.8; } #password, #input, #typeahead { border-radius: 2px; } #input { background: none; } #spinner { padding: 8px; } #typeahead { color: @foreground; opacity: 0.8; } #input placeholder { opacity: 0.5; } child { padding: 8px; border-radius: 2px; } child:selected, child:hover { background: alpha(@accent, 0.4); } #icon { margin-right: 8px; } #label { font-weight: 500; } #sub { opacity: 0.5; font-size: 0.8em; } .aiItem { padding: 10px; border-radius: 2px; color: @foreground; background: @background; } .aiItem.assistant { background: ${cfg.scheme.palette.base02}; } .aiItem:hover { background: alpha(@accent, 0.2); color: ${cfg.scheme.palette.base00}; } #activationlabel { color: @accent; font-weight: bold; } ''; layout = { ui.window.box = { v_align = "center"; orientation = "vertical"; }; }; }; }; } ]; }