Files
dotfiles/config/waybar/style.css
T
owen 9170828b36 Show battery power draw from sensors in waybar
Replace the built-in battery module with a custom/battery script that
combines sysfs capacity/status with the power1 reading from `sensors`,
displaying it as "85% (5.4W)" next to the icon.
2026-08-22 13:43:19 +00:00

21 lines
1.3 KiB
CSS

@define-color bg #000000;
@define-color surface #0a0a0a;
@define-color blue #60a5fa;
@define-color blue-dark #2563eb;
@define-color text #d4d4d4;
@define-color muted #737373;
* { border: none; border-radius: 0; font-family: "JetBrainsMono Nerd Font"; font-size: 13px; min-height: 0; }
window#waybar { background: @bg; color: @text; }
#workspaces button { padding: 0 10px; margin: 4px 2px; color: @muted; border-radius: 6px; }
#workspaces button:hover { background: @surface; background-image: none; color: @text; border: none; box-shadow: none; text-shadow: none; }
#workspaces button.focused { color: @bg; background: @blue; }
#workspaces button.focused:hover { background: @blue; color: @bg; }
#workspaces button.urgent { background: @blue-dark; color: @text; }
#mode, #clock, #cpu, #memory, #custom-network, #pulseaudio, #backlight, #custom-battery, #tray, #custom-power { padding: 0 10px; margin: 4px 2px; background: transparent; border-radius: 6px; }
#mode:hover, #clock:hover, #cpu:hover, #memory:hover, #custom-network:hover, #pulseaudio:hover, #backlight:hover, #custom-battery:hover, #tray:hover, #custom-power:hover { background: @surface; }
#clock { color: @blue; font-weight: bold; background: transparent; }
#cpu, #memory { color: @text; }
#custom-power { color: @blue; font-size: 16px; }
#custom-battery.warning, #custom-battery.critical { color: @blue; }