feat(theme): implement declarative Stylix-driven theming for Walker
All checks were successful
Check / eval-and-lint (push) Successful in 6m58s

This commit is contained in:
Bernardo Magri
2026-06-01 21:09:54 +01:00
parent fa71e03f88
commit 431dd98967
3 changed files with 37 additions and 82 deletions

View File

@@ -106,21 +106,44 @@ in
source = themeAppsPath + "/rofi.rasi";
};
# Walker fallback support
xdg.configFile."nomarchy/current/theme/apps/walker/style.css" = lib.mkIf (!builtins.pathExists (themeAppsPath + "/walker/style.css")) {
text = ''
* {
color: #${palette.base05};
}
#window {
# Dynamically generated CSS for Walker app launcher
xdg.configFile."nomarchy/current/theme/apps/walker/style.css".text = ''
#window {
background-color: #${palette.base00};
}
.item.active {
background-color: #${palette.base03};
color: #${palette.base0B};
}
'';
};
color: #${palette.base05};
border-bottom: 5px solid #${palette.base0D}; /* Accent */
border-radius: 15px;
}
#search {
background-color: #${palette.base01};
color: #${palette.base05};
border-bottom: 5px solid #${palette.base02};
border-radius: 10px;
margin: 15px;
padding: 10px;
}
#input {
color: #${palette.base05};
}
#list {
padding: 20px;
}
.item {
border-radius: 10px;
padding: 10px;
color: #${palette.base05};
}
.item.active {
background-color: #${palette.base02};
color: #${palette.base05};
border-bottom: 5px solid #${palette.base0D}; /* Accent */
}
'';
xdg.configFile."nomarchy/current/theme.name".text = config.nomarchy.theme;

View File

@@ -1,34 +0,0 @@
#window {
background-color: #fdf6e3;
color: #5c6a72;
border-bottom: 5px solid #dfa000;
border-radius: 15px;
}
#search {
background-color: #8da101;
color: #fdf6e3;
border-bottom: 5px solid #bdc3af;
border-radius: 10px;
margin: 15px;
padding: 10px;
}
#input {
color: #5c6a72;
}
#list {
padding: 20px;
}
.item {
border-radius: 10px;
padding: 10px;
}
.item.active {
background-color: #e6e2cc;
color: #5c6a72;
border-bottom: 5px solid #bdc3af;
}

View File

@@ -1,34 +0,0 @@
#window {
background-color: #2d353b;
color: #d3c6aa;
border-bottom: 5px solid #d9bb80;
border-radius: 15px;
}
#search {
background-color: #a7c080;
color: #2d353b;
border-bottom: 5px solid #868d80;
border-radius: 10px;
margin: 15px;
padding: 10px;
}
#input {
color: #2d353b;
}
#list {
padding: 20px;
}
.item {
border-radius: 10px;
padding: 10px;
}
.item.active {
background-color: #3d484d;
color: #d3c6aa;
border-bottom: 5px solid #161a1d;
}