added style for walker
This commit is contained in:
@@ -4,7 +4,10 @@
|
||||
pkgs,
|
||||
...
|
||||
}: {
|
||||
imports = [inputs.walker.homeManagerModules.default];
|
||||
imports = [
|
||||
inputs.walker.homeManagerModules.default
|
||||
./style.nix
|
||||
];
|
||||
|
||||
programs.walker = {
|
||||
enable = true;
|
||||
@@ -12,6 +15,8 @@
|
||||
|
||||
package = inputs.walker.packages.${pkgs.system}.default;
|
||||
|
||||
# CSS Implementation using Stylix Colors
|
||||
|
||||
config = {
|
||||
icons.theme = config.gtk.iconTheme.name;
|
||||
|
||||
|
||||
@@ -0,0 +1,99 @@
|
||||
{config, ...}: let
|
||||
# Access Stylix colors (Base16)
|
||||
colors = config.lib.stylix.colors.withHashtag;
|
||||
in {
|
||||
programs.walker = {
|
||||
theme.style = ''
|
||||
* {
|
||||
font-family: monospace;
|
||||
font-size: 18px;
|
||||
color: ${colors.base05}; /* Text */
|
||||
}
|
||||
|
||||
scrollbar {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.normal-icons {
|
||||
-gtk-icon-size: 16px;
|
||||
}
|
||||
|
||||
.large-icons {
|
||||
-gtk-icon-size: 32px;
|
||||
}
|
||||
|
||||
.box-wrapper {
|
||||
background: ${colors.base00}; /* Surface0/Base */
|
||||
padding: 20px;
|
||||
border: 2px solid ${colors.base0E}; /* Lavender/Accent Border */
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.search-container {
|
||||
background: ${colors.base01}; /* Surface1 */
|
||||
padding: 10px;
|
||||
border-radius: 8px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.input placeholder {
|
||||
opacity: 0.5;
|
||||
color: ${colors.base03};
|
||||
}
|
||||
|
||||
.input {
|
||||
color: ${colors.base05};
|
||||
}
|
||||
|
||||
.input:focus,
|
||||
.input:active {
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
child:hover .item-box {
|
||||
background: ${colors.base02}; /* Surface2/Selection wrapper */
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
child:selected .item-box {
|
||||
background: ${colors.base0E}; /* Lavender selection */
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
child:selected .item-box * {
|
||||
color: ${colors.base00}; /* Text becomes dark on accent background */
|
||||
}
|
||||
|
||||
.item-box {
|
||||
padding: 5px 14px;
|
||||
}
|
||||
|
||||
.item-text-box {
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
.item-subtext {
|
||||
font-size: 12px;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.item-image {
|
||||
margin-right: 14px;
|
||||
-gtk-icon-transform: scale(0.9);
|
||||
}
|
||||
|
||||
.current {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.keybind-hints {
|
||||
background: ${colors.base01};
|
||||
padding: 10px;
|
||||
margin-top: 10px;
|
||||
border-radius: 8px;
|
||||
color: ${colors.base0E};
|
||||
}
|
||||
'';
|
||||
};
|
||||
}
|
||||
@@ -1,6 +1,7 @@
|
||||
{
|
||||
config,
|
||||
pkgs,
|
||||
myConfig,
|
||||
...
|
||||
}: {
|
||||
imports = [
|
||||
@@ -72,8 +73,8 @@
|
||||
"cpu" = {
|
||||
interval = 5;
|
||||
format = "";
|
||||
on-click = "omarchy-focus-wrapper btop";
|
||||
on-click-right = "alacritty";
|
||||
on-click = "hakase-focus-wrapper btop";
|
||||
on-click-right = "xdg-terminal-exec";
|
||||
};
|
||||
|
||||
"clock" = {
|
||||
|
||||
Reference in New Issue
Block a user