diff --git a/modules/programs/waybar.nix b/modules/programs/waybar.nix index 37c9eb2..facede8 100644 --- a/modules/programs/waybar.nix +++ b/modules/programs/waybar.nix @@ -27,85 +27,128 @@ style = '' * { - border: none; - border-radius: 0; - font-family: FiraCode Nerd Font Mono; - font-size: 13px; - min-height: 0; + border: none; + border-radius: 0; + font-family: "Font Awesome", Roboto, Helvetica, Arial, sans-serif; + font-size: 13px; + min-height: 0; } + window#waybar { - background-color: rgba(43,48,59,0.3); - border-bottom: 3px solid transparent; - color: white; + background: rgba(43, 48, 59, 0.3); + border-bottom: 3px solid transparent; + color: white; } - idle_inhibitor, - clock, - pulseaudio, - network, - mpd, - memory, - network, - cpu, - disk, - battery { - margin: 0 6px; - padding: 0 5px; + + #workspaces button { + padding: 0 5px; + margin: 0 3px; + color: white; + border-bottom: 3px solid transparent; } - mode { + + #workspaces button.focused { + background: rgba(100, 114, 125, 0.2); + border-bottom: 2px solid gray; + } + + #mode { background: transparent; border-bottom: 2px solid gray; } - cpu { + #clock, #battery, #cpu, #memory, #network, #pulseaudio, #temperature, #backlight, #idle_inhibitor, #custom-spotify { + padding: 0 6px; + margin: 0 5px; + } + + #custom-vkeyboard, #custom-appkill { + padding: 0px 50px; + margin: 0px 0px; + font-size: 20px; + } + + #clock { + background-color: transparent; + color: white; + } + + #battery { + color: white; + } + + #battery.charging { + color: white; + } + + @keyframes blink { + to { + background-color: rgba(1, 1, 1, 0); + } + } + #battery.warning:not(.charging) { + background: #f53c3c; + color: white; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; + } + + #cpu { background: transparent; border-bottom: 2px solid yellow; color: white; } - memory { + #memory { background: transparent; border-bottom: 2px solid green; color: white; } - workspaces button { - padding: 0 5px; - margin: 0 3px; - color: white; - border-bottom: 3px solid transparent; + + #network { + background: transparent; + color: white } - workspaces button:hover { - background-color: rgba(100,100,100,0.8); - color: #808080; + + #network.disconnected { + background: transparent; + color: crimson; } - workspaces button.focused { - background: rgba(100, 114, 125, 0.2); - border-bottom: 2px solid gray; + + #pulseaudio { + background: transparent; + color: white; } - battery.critical { - color: #ff200c; + + #pulseaudio.muted { + border-bottom: 2px solid red; } - battery.charging { - color: #9ece6a; + + #tray { + background-color: transparent; } - battery.warning:not(.charging) { - background: #f53c3c; - color: white; - animation-name: blink; - animation-duration: 0.5s; - animation-timing-function: linear; - animation-iteration-count: infinite; - animation-direction: alternate; + + #custom-sl.good { + border-bottom: 3px solid green; } - pulseaudio.muted { - border-bottom: 2px solid red; + + #custom-sl.other { + border-bottom: 3px solid #F4AF39; + } + + #custom-appkill { + color: red; + background-color: black; } ''; settings = [{ layer = "top"; position = "top"; height = 22; - spacing = 10; tray = { spacing = 10; }; - modules-center = [ "clock" ]; + modules-center = [ "clock" "custom/appkill" ]; #modules-left = [ "wlr/mode" "wlr/workspaces" "wlr/window" ]; modules-left = [ "wlr/workspaces" ]; modules-right = [ "idle_inhibitor" "pulseaudio" "network" "cpu" "memory" "backlight" "temperature" "battery" "tray" ]; @@ -139,7 +182,7 @@ "5"=""; }; all-outputs = true; - active-only = true; + active-only = false; on-click = "activate"; }; clock = { @@ -226,6 +269,12 @@ on-click-right = "${pkgs.pamixer}/bin/pamixer --default-source -t"; on-click = "${pkgs.pavucontrol}/bin/pavucontrol"; }; + "custom/appkill" = { + format = " "; + icon-size = 20; + on-click = "${pkgs.hyprland}/bin/hyprctl dispatch killactive ."; + tooltip = false; + }; }]; }; };