added style for walker
This commit is contained in:
@@ -4,7 +4,10 @@
|
|||||||
pkgs,
|
pkgs,
|
||||||
...
|
...
|
||||||
}: {
|
}: {
|
||||||
imports = [inputs.walker.homeManagerModules.default];
|
imports = [
|
||||||
|
inputs.walker.homeManagerModules.default
|
||||||
|
./style.nix
|
||||||
|
];
|
||||||
|
|
||||||
programs.walker = {
|
programs.walker = {
|
||||||
enable = true;
|
enable = true;
|
||||||
@@ -12,6 +15,8 @@
|
|||||||
|
|
||||||
package = inputs.walker.packages.${pkgs.system}.default;
|
package = inputs.walker.packages.${pkgs.system}.default;
|
||||||
|
|
||||||
|
# CSS Implementation using Stylix Colors
|
||||||
|
|
||||||
config = {
|
config = {
|
||||||
icons.theme = config.gtk.iconTheme.name;
|
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,
|
config,
|
||||||
pkgs,
|
pkgs,
|
||||||
|
myConfig,
|
||||||
...
|
...
|
||||||
}: {
|
}: {
|
||||||
imports = [
|
imports = [
|
||||||
@@ -72,8 +73,8 @@
|
|||||||
"cpu" = {
|
"cpu" = {
|
||||||
interval = 5;
|
interval = 5;
|
||||||
format = "";
|
format = "";
|
||||||
on-click = "omarchy-focus-wrapper btop";
|
on-click = "hakase-focus-wrapper btop";
|
||||||
on-click-right = "alacritty";
|
on-click-right = "xdg-terminal-exec";
|
||||||
};
|
};
|
||||||
|
|
||||||
"clock" = {
|
"clock" = {
|
||||||
|
|||||||
Reference in New Issue
Block a user