feat: add some styling to waybar

This commit is contained in:
Yoru
2024-12-02 18:45:20 +01:00
parent a51c46bc60
commit 911c3b14bc
2 changed files with 38 additions and 6 deletions

View File

@@ -143,6 +143,7 @@
docker docker
docker-compose docker-compose
git git
cargo
]; ];
fonts.packages = with pkgs; [ fonts.packages = with pkgs; [

View File

@@ -68,14 +68,30 @@
# #
# /etc/profiles/per-user/yoru/etc/profile.d/hm-session-vars.sh # /etc/profiles/per-user/yoru/etc/profile.d/hm-session-vars.sh
# #
home.sessionVariables = { # home.sessionVariables = {
EDITOR = "hx"; # EDITOR = "emacs"; # EDITOR = "hx"; # EDITOR = "emacs";
}; # };
# Let Home Manager install and manage itself. # Let Home Manager install and manage itself.
programs.home-manager.enable = true; programs.home-manager.enable = true;
programs.zsh.enable = true; # programs.zsh.enable = true;
programs.helix.enable = true; programs.fish.enable = true;
programs.helix = {
enable = true;
defaultEditor = true;
settings = {
editor = {
lsp = {
enable = true;
display-messges = true;
display-inlay-hints = true;
};
"inline-diagnostics" = {
cursor-line = "warning";
};
};
};
};
# programs.steam.enable = true; # programs.steam.enable = true;
programs.kitty = lib.mkForce { programs.kitty = lib.mkForce {
enable = true; enable = true;
@@ -86,6 +102,7 @@
mouse_hide_wait = "-1.0"; mouse_hide_wait = "-1.0";
background_opacity = "0.5"; background_opacity = "0.5";
background_blur = 5; background_blur = 5;
font_family = "Fira Code";
}; };
}; };
programs.waybar = { programs.waybar = {
@@ -96,11 +113,25 @@
}; };
style = '' style = ''
* { * {
font-family: 'Fira Code', 'Symbols Nerd Font Mono', 'JetBrainsMono Nerd Font'; font-family: 'Fira Code', 'Symbols Nerd Font Mono';
font-size: 16px;
min-height: 45px;
} }
window#waybar { window#waybar {
background: transparent; background: transparent;
} }
#workspaces, #clock, #pulseaudio, #network, #cpu, #memory, #backlight, #idle_inhibitor, #temperature, #custom-power {
border-radius: 10px;
background-color: rgba(10, 10, 10, 0.5);
margin-top: 1px;
padding-top: 5px;
padding-left: 15px;
padding-right: 10px;
padding-bottom: 5px;
}
#workspaces button.active {
color: #ebebeb;
}
''; '';
settings = [{ settings = [{
"layer" = "top"; "layer" = "top";