diff --git a/config/waybar/config.jsonc b/config/waybar/config.jsonc index 2779949..db10b92 100644 --- a/config/waybar/config.jsonc +++ b/config/waybar/config.jsonc @@ -1,7 +1,7 @@ // -*- mode: jsonc -*- { - "layer": "top", - "position": "top", + "layer": "bottom", + "position": "bottom", "height": 30, "spacing": 4, @@ -10,10 +10,9 @@ "hyprland/workspaces", "hyprland/window", ], - "modules-center": [ - ], "modules-right": [ + "battery", "cpu", "memory", "disk", @@ -37,6 +36,7 @@ "7": "7", "8": "8", "9": "9", + "10": "10", }, }, "hyprland/window" : { @@ -73,11 +73,10 @@ "warning": 30, "critical": 15 }, - "format": "Bat: {capacity}% {icon} {time}", + "format": "BAT: {capacity}%{time}", "format-plugged": "{capacity}% ", "format-alt": "Bat {capacity}%", "format-time": "{H}:{M}", - "format-icons": ["", "", "", "", ""] }, "network": { "format": "Online", diff --git a/config/waybar/style.css b/config/waybar/style.css index 9d6b04a..4cd53e8 100644 --- a/config/waybar/style.css +++ b/config/waybar/style.css @@ -1,7 +1,7 @@ -@define-color bg #1c1c1c; /* Dark grey */ -@define-color fg #d3d3d3; /* Light grey */ -@define-color blk #000000; /* Black */ -@define-color white #ffffff; /* White */ +@define-color bg #1c1c1c; +@define-color fg #B0B0B0; +@define-color blk #000000; +@define-color white #ffffff; * { font-family: "UbuntuMono", monospace; @@ -9,6 +9,19 @@ font-weight: bold; } +button, +#workspaces button, +#clock, +#battery, +#cpu, +#memory, +#disk, +#network, +#tray { + transition-property: none; + animation: none; +} + window#waybar { background-color: @bg; color: @fg; @@ -16,29 +29,35 @@ window#waybar { #workspaces button { padding: 0 6px; - color: @fg; /* Light grey */ + color: @fg; background: transparent; border-bottom: 3px solid @bg; } + #workspaces button.active { - color: @fg; /* Light grey */ - border-bottom: 3px solid @fg; /* Light grey */ + color: @fg; + border-bottom: 3px solid @fg; } + #workspaces button.empty { - color: @fg; /* White */ + color: @fg; } + #workspaces button.empty.active { - color: @fg; /* Light grey */ - border-bottom: 3px solid @fg; /* Light grey */ + color: @fg; + border-bottom: 3px solid @fg; } #workspaces button.urgent { - background-color: @blk; /* Black */ + background-color: @blk; } -button:hover { - background: inherit; - box-shadow: inset 0 -3px @white; /* White */ +/* Disable hover effects completely */ +button:hover, +#workspaces button:hover { + background: transparent; + box-shadow: none; + color: inherit; } #clock, @@ -50,48 +69,48 @@ button:hover { #network, #tray { padding: 0 8px; - color: @white; /* White */ + color: @white; } #custom-sep { - color: @bg; /* Dark grey */ + color: @fg; } #clock { - color: @fg; /* Light grey */ - border-bottom: 4px solid @fg; /* Light grey */ + color: @fg; + border-bottom: 4px solid @fg; } #battery { - color: @fg; /* Light grey */ - border-bottom: 4px solid @fg; /* Light grey */ + color: @fg; + border-bottom: 4px solid @fg; } #disk { - color: @fg; /* Light grey */ - border-bottom: 4px solid @fg; /* Light grey */ + color: @fg; + border-bottom: 4px solid @fg; } #memory { - color: @fg; /* Light grey */ - border-bottom: 4px solid @fg; /* Light grey */ + color: @fg; + border-bottom: 4px solid @fg; } #cpu { - color: @fg; /* Light grey */ - border-bottom: 4px solid @fg; /* Light grey */ + color: @fg; + border-bottom: 4px solid @fg; } #network { - color: @fg; /* Light grey */ - border-bottom: 4px solid @fg; /* Light grey */ + color: @fg; + border-bottom: 4px solid @fg; } #network.disconnected { - background-color: @blk; /* Black */ + background-color: @blk; } #tray { - background-color: @bg; /* Dark grey */ + background-color: @bg; }