add: walker theme

This commit is contained in:
kenji
2025-12-27 12:12:49 -06:00
parent 3aad507ba8
commit 4d9d68e7e6
3 changed files with 104 additions and 91 deletions
+5
View File
@@ -20,3 +20,8 @@ post_hook = "killall -SIGUSR2 .waybar-wrapped"
input_path = "~/.config/matugen/templates/starship" input_path = "~/.config/matugen/templates/starship"
output_path = "~/.config/starship.toml" output_path = "~/.config/starship.toml"
[templates.walker]
input_path = "~/.config/matugen/templates/walker"
output_path = "~/.config/walker/themes/nixos/matugen.css"
View File
+99 -91
View File
@@ -1,123 +1,131 @@
{config, ...}: let {config, ...}: {
# Access Stylix colors (Base16)
colors = config.lib.stylix.colors.withHashtag;
in {
programs.walker = { programs.walker = {
theme.style = '' theme.style = ''
* { @import "matugen.css";
all: unset; * {
} all: unset;
}
* { * {
font-family: monospace; font-family: monospace;
font-size: 18px; font-size: 18px;
color: ${colors.base05}; /* Fixed: Text color must be visible on the background */
} color: @on_surface;
}
scrollbar { scrollbar {
opacity: 0; opacity: 0;
} }
.normal-icons { .normal-icons {
-gtk-icon-size: 16px; -gtk-icon-size: 16px;
} }
.large-icons { .large-icons {
-gtk-icon-size: 32px; -gtk-icon-size: 32px;
} }
.box-wrapper { .box-wrapper {
background: alpha(${colors.base00}, 0.95); /* base00 -> surface */
padding: 20px; background: alpha(@surface, 0.95);
border: 2px solid ${colors.base0E}; padding: 20px;
} /* base0E -> secondary (often pink/purple in Firewatch themes) */
border: 2px solid @secondary;
}
.preview-box { .preview-box {
} }
.box { .box {
} }
.search-container { .search-container {
background: ${colors.base00}; /* base00 -> surface */
padding: 10px; background: @surface;
} padding: 10px;
}
.input placeholder { .input placeholder {
opacity: 0.5; opacity: 0.5;
} }
.input { .input {
} }
.input:focus, .input:focus,
.input:active { .input:active {
box-shadow: none; box-shadow: none;
outline: none; outline: none;
} }
.content-container { .content-container {
} }
.placeholder { .placeholder {
} }
.scroll { .scroll {
} }
.list { .list {
} }
child, child,
child > * { child > * {
} }
child:hover .item-box { child:hover .item-box {
} /* Added hover effect for better usability */
background: @surface_bright;
}
child:selected .item-box { child:selected .item-box {
} /* Selected background */
background: @surface_container_high;
}
child:selected .item-box * { child:selected .item-box * {
color: ${colors.base0D}; /* base0D -> primary */
} color: @primary;
}
.item-box { .item-box {
padding-left: 14px; padding-left: 14px;
} }
.item-text-box { .item-text-box {
all: unset; all: unset;
padding: 14px 0; padding: 14px 0;
} }
.item-text { .item-text {
} }
.item-subtext { .item-subtext {
font-size: 0px; font-size: 0px;
min-height: 0px; min-height: 0px;
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
} }
.item-image { .item-image {
margin-right: 14px; margin-right: 14px;
-gtk-icon-transform: scale(0.9); -gtk-icon-transform: scale(0.9);
} }
.current { .current {
font-style: italic; font-style: italic;
} }
.keybind-hints { .keybind-hints {
background: ${colors.base01}; /* base01 -> surface_container */
padding: 10px; background: @surface_container;
margin-top: 10px; padding: 10px;
} margin-top: 10px;
}
.preview { .preview {
} }
''; '';
}; };
} }