Anthony Rodriguez
851024052d
This is temporary, as we're going to get rid of that awkward style module that was meant to be shared, but ended up being too specific to my use-case. We just put it in a nix directory for now, as we will with everything else. This will be refactored later to be mixed with the relevant program's configuration.
159 lines
3.4 KiB
Nix
159 lines
3.4 KiB
Nix
{
|
|
lib,
|
|
config,
|
|
...
|
|
}: let
|
|
cfg = config.local.style;
|
|
in {
|
|
config.home-manager.sharedModules = lib.mkIf cfg.enable [
|
|
{
|
|
programs.walker = with cfg.scheme.palette; {
|
|
theme = {
|
|
style = ''
|
|
@define-color foreground ${base05};
|
|
@define-color background ${base00};
|
|
@define-color accent ${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";
|
|
};
|
|
};
|
|
};
|
|
};
|
|
}
|
|
];
|
|
}
|