add: walker theme
This commit is contained in:
@@ -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"
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
+99
-91
@@ -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 {
|
||||||
}
|
}
|
||||||
'';
|
'';
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user