diff options
Diffstat (limited to '.config/waybar')
| -rw-r--r-- | .config/waybar/config | 56 | ||||
| -rw-r--r-- | .config/waybar/style.css | 62 |
2 files changed, 81 insertions, 37 deletions
diff --git a/.config/waybar/config b/.config/waybar/config index baf0ae8..8b60aaf 100644 --- a/.config/waybar/config +++ b/.config/waybar/config @@ -2,14 +2,12 @@ // vim:set syntax=json: { "layer": "top", + "reload_style_on_change": true, "modules-left": [ "hyprland/workspaces" ], - "modules-center": [ - "clock#time", - "clock#date" - ], + "modules-center": ["clock"], "modules-right": [ "network", "pulseaudio", @@ -22,17 +20,11 @@ "format-active": " {icon} ", "on-click": "activate" }, - - "clock#time": { - "format": "{:%H:%M:%S %Ez}", + "clock": { + "format": "{:%H:%M:%S %Ez %A, %Y-%m-%d}", "tooltip": false, "interval": 1 }, - "clock#date": { - "format": "{:%A, %Y-%m-%d}", - "tooltip": false - }, - "network": { "format-wifi": "{icon} {essid}", "format-ethernet": "{icon} {ifname}", @@ -46,36 +38,42 @@ "ethernet": "" } }, - "pulseaudio": { "format": "{icon} {volume:2}%", "format-bluetooth": "{icon} {volume}% ", - "format-muted": "MUTE", + "format-muted": " MUTE", "format-icons": { "headphones": "", - "default": [ - "", - "" - ] + "default": ["", "", ""] }, "scroll-step": 5, "on-click": "pamixer -t", "on-click-right": "pavucontrol" }, "battery": { + "interval": 10, "states": { - "good": 95, - "warning": 30, - "critical": 15 + "crit": 15, + "warn": 30, + "half": 50, + "good": 75, + "high": 95, + "full": 100 }, - "format": "{icon} {capacity}%", - "format-icons": [ - "", - "", - "", - "", - "" - ] + "format-discharging-crit": " {capacity}%", + "format-discharging-warn": " {capacity}%", + "format-discharging-half": " {capacity}%", + "format-discharging-good": " {capacity}%", + "format-discharging-high": " {capacity}%", + "format-discharging-full": " {capacity}%", + "format-charging-crit": " {capacity}%", + "format-charging-warn": " {capacity}%", + "format-charging-half": " {capacity}%", + "format-charging-good": " {capacity}%", + "format-charging-high": " {capacity}%", + "format-charging-full": " {capacity}%", + "format": "{icon} {capacity}%", + "format-icons": ["", "", "", "", "", ""] }, "tray": { "spacing": 10 diff --git a/.config/waybar/style.css b/.config/waybar/style.css index 73a7ed8..ce8a001 100644 --- a/.config/waybar/style.css +++ b/.config/waybar/style.css @@ -1,26 +1,53 @@ * { font-family: Fira Code Nerd, monospace, sans-serif; - font-size: 13px; + font-size: 14px; + margin: 0px; + padding: 0px; + background-color: black; color: #fff; + /* looks like gtk adds some styles that coflict with waybar's style */ + box-shadow: none; + text-shadow: none; + transition: none; + background: none; +} + +tooltip { + background: black; } window#waybar { background-color: black; } -#workspaces, #clock, #network, #pulseaudio, #battery, #tray { - padding: 0 5px; + padding: 0px 15px; + margin-right: 0px; + background-color: black; + transition: background-color 0.3s; +} + + +#tray { margin-right: 10px; } +#network:hover, +#pulseaudio:hover, +#battery:hover, +#network:hover { + background-color: #303030; + transition: background-color 0.4s; +} + #workspaces { - margin-left: 10px; - padding: 0; + background-color: black; + margin-left: 10px; + border-radius: 0 0 10px 10px; } #workspaces button { @@ -28,13 +55,14 @@ window#waybar { margin: 4px; border: none; border-radius: 3px; + transition: background-color 0.4s; } -#workspaces button:hover { - background-color: black; +#workspaces button label { + color: white; } -#workspaces button:hover label { +#workspaces button.active label { color: white; } @@ -46,3 +74,21 @@ window#waybar { color: black; } +#workspaces button:not(.active):hover { + background-color: #303030; + transition: background-color 0.4s; +} + +@keyframes blink { + to { + color: red; + } +} + +#battery.crit:not(.charging) { + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; +} |