From ab877657ca207772ad2656e402f879feb67a416d Mon Sep 17 00:00:00 2001 From: "Gustavo \"Guz\" L de Mello" Date: Fri, 11 Jul 2025 19:12:47 -0300 Subject: [PATCH] feat: add icons to waybar indicators --- home/guz-lite/desktop.nix | 21 +++++++++++-- home/guz-lite/waybar.css | 66 +++++++++++++++++---------------------- hosts/fighter/home.nix | 5 +++ 3 files changed, 53 insertions(+), 39 deletions(-) diff --git a/home/guz-lite/desktop.nix b/home/guz-lite/desktop.nix index 9897101..04bca50 100644 --- a/home/guz-lite/desktop.nix +++ b/home/guz-lite/desktop.nix @@ -164,7 +164,7 @@ ]; "clock" = { - format = "{:%R}"; + format = "{:%d  %R}"; format-alt = "{:%B %d, 12.0%y (%A)}"; tooltip-format = "{calendar}"; calendar = { @@ -189,9 +189,26 @@ "disk" ]; + "pulseaudio" = { + format = "{icon} {volume}%"; + format-muted = ""; + format-icons = { + default = ["" ""]; + }; + onclick = "${lib.getExe pkgs.pwvucontrol}"; + }; + + "cpu" = { + format = " {usage}%"; + }; + + "memory" = { + format = " {percentage}%"; + }; + "disk" = { interval = 30; - format = "{specific_free:0.2f}"; + format = "󰨣 {specific_free:0.2f}"; unit = "GB"; }; }; diff --git a/home/guz-lite/waybar.css b/home/guz-lite/waybar.css index 0d4e059..4103c15 100644 --- a/home/guz-lite/waybar.css +++ b/home/guz-lite/waybar.css @@ -1,65 +1,57 @@ * { - border: none; - border-radius: 4px; - /* `ttf-font-awesome` is required to be installed for icons */ - /* font-family: "Roboto Mono Medium", Helvetica, Arial, sans-serif; */ + border: none; + border-radius: 4px; + /* `ttf-font-awesome` is required to be installed for icons */ + /* font-family: "Roboto Mono Medium", Helvetica, Arial, sans-serif; */ - /* adjust font-size value to your liking: */ - font-size: 0.7rem; - font-weight: bold; + /* adjust font-size value to your liking: */ + font-size: 0.7rem; + font-weight: bold; - min-height: 0; + min-height: 0; } window#waybar, tooltip { - background-color: @base01; - /* background-color: red; */ - /* box-shadow: 0px -10px 10px #00000055; */ - box-shadow: 0px -10px 10px #00ff0055; - /* border-bottom: 3px solid rgba(100, 114, 125, 0.5); */ - color: @base05; - /* transition-property: background-color; */ - /* transition-duration: .5s; */ - /* border-radius: 0; */ - padding: 0 10px; + background-color: @base01; + /* background-color: red; */ + /* box-shadow: 0px -10px 10px #00000055; */ + box-shadow: 0px -10px 10px #00ff0055; + /* border-bottom: 3px solid rgba(100, 114, 125, 0.5); */ + color: @base05; + /* transition-property: background-color; */ + /* transition-duration: .5s; */ + /* border-radius: 0; */ + padding: 0 10px; } #clock { - background-color: transparent; + background-color: transparent; } .modules-left { - padding-right: 10px; + padding-right: 10px; } .modules-left { - padding-left: 10px; + padding-left: 10px; } .modules-left #workspaces { - padding: 0; + padding: 0; } .modules-left #workspaces button { - padding-left: 0; - padding-right: 0; + padding-left: 0; + padding-right: 0; - /* Align icons */ - padding-top: 6px; + /* Align icons */ + padding-top: 6px; } .modules-left #workspaces button.active { - border-bottom-style: none; + border-bottom-style: none; - /* Align icons */ - padding-top: 3px; -} - -#pulseaudio { - background: @base05; - opacity: 1; - margin: 0px 0px 0px 0px; - padding-left: 3px; - padding-right: 3px; + /* Align icons */ + padding-top: 3px; } diff --git a/hosts/fighter/home.nix b/hosts/fighter/home.nix index b15e6d2..00db245 100644 --- a/hosts/fighter/home.nix +++ b/hosts/fighter/home.nix @@ -9,6 +9,11 @@ modules-right = [ "battery" ]; + + "battery" = { + format-icons = ["" "" "" "" ""]; + format = "{icon} {capacity}%"; + }; }; services.xremap.config.modmap = [