diff options
Diffstat (limited to '.config/waybar')
-rw-r--r-- | .config/waybar/config-hyprland.json | 24 | ||||
-rw-r--r-- | .config/waybar/config.json | 94 | ||||
-rw-r--r-- | .config/waybar/style.css | 140 |
3 files changed, 258 insertions, 0 deletions
diff --git a/.config/waybar/config-hyprland.json b/.config/waybar/config-hyprland.json new file mode 100644 index 0000000..a82cd37 --- /dev/null +++ b/.config/waybar/config-hyprland.json @@ -0,0 +1,24 @@ +{ + "name": "waybar-bot", + "layer": "top", + "position": "bottom", + "height": 20, + "spacing": 4, + "modules-left": [ + "hyprland/workspaces" + ], + "modules-center": [ + ], + "modules-right": [ + ], + "hyprland/workspaces": { + "persistent-workspaces": { + "*": 9 + }, + "sort": "number" + }, + "hyprland/window": { + "max-length": 200, + "seperate-outputs": true + } +} diff --git a/.config/waybar/config.json b/.config/waybar/config.json new file mode 100644 index 0000000..880565f --- /dev/null +++ b/.config/waybar/config.json @@ -0,0 +1,94 @@ +{ + "name": "waybar-top", + "layer": "top", + "position": "top", + "height": 20, + "spacing": 2, + "modules-left": [ + "cpu", + "memory", + "network" + ], + "modules-center": [ + "clock" + ], + "modules-right": [ + "pulseaudio", + "temperature", + "backlight", + "battery", + "idle_inhibitor", + "tray" + ], + "idle_inhibitor": { + "format": "{icon}", + "format-icons": { + "activated": "", + "deactivated": "" + } + }, + "tray": { + "spacing": 4 + }, + "clock": { + "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>", + "format-alt": "{:%Y-%m-%d}" + }, + "cpu": { + "format": "CPU: {load}", + "tooltip": false + }, + "memory": { + "format": "RAM: {used}Gi/{total}Gi" + }, + "temperature": { + "critical-threshold": 80, + "format": "{temperatureC}°C 🫠" + }, + "backlight": { + "format": "{percent}% 💡", + "on-scroll-up": "bl inc 1", + "on-scroll-down": "bl dec 1" + }, + "battery": { + "states": { + "warning": 30, + "critical": 15 + }, + "format": "{capacity}% 🔋", + "format-charging": "{capacity}% ⚡", + "format-plugged": "{capacity}% 🔌", + "format-alt": "{time} {icon}" + }, + "network": { + "interface": "wlp*", + "interval": 1, + "format": "RX: {bandwidthDownBits} / TX: {bandwidthUpBits}", + "format-wifi": "RX: {bandwidthDownBits} / TX: {bandwidthUpBits}" + }, + "pulseaudio": { + "format": "{volume}% {icon} {format_source}", + "format-bluetooth": "{volume}% {icon} {format_source}", + "format-bluetooth-muted": "🔇 {icon} {format_source}", + "format-muted": "🔇 {format_source}", + "format-source": "{volume}% ", + "format-source-muted": "", + "format-icons": { + "headphone": "", + "hands-free": "", + "headset": "", + "phone": "", + "portable": "", + "car": "", + "default": [ + "", + "", + "" + ] + }, + "on-click": "pavucontrol", + "on-scroll-up": "vol inc 1", + "on-scroll-down": "vol dec 1", + "on-click-right": "vol toggle" + } +} diff --git a/.config/waybar/style.css b/.config/waybar/style.css new file mode 100644 index 0000000..e322c10 --- /dev/null +++ b/.config/waybar/style.css @@ -0,0 +1,140 @@ +* { + font-family: Monospace; + font-size: 12px; +} + +window#waybar { + background-color: rgba(43, 48, 59, 0.5); + color: #ffffff; + transition-property: background-color; + transition-duration: .5s; +} + +window.waybar-top { + border-bottom: 1px solid rgba(100, 114, 125, 0.5); +} + +window.waybar-bot { + border-top: 1px solid rgba(100, 114, 125, 0.5); +} + +window#waybar.hidden { + opacity: 0.2; +} + +button { + /* Use box-shadow instead of border so the text isn't offset */ + box-shadow: inset 0 -3px transparent; + /* Avoid rounded borders under each button name */ + border: none; + border-radius: 0; +} + +/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */ +button:hover { + background: inherit; + box-shadow: inset 0 -3px #ffffff; +} + +#workspaces button { + padding: 0 5px; + background-color: transparent; + color: #ffffff; +} + +#workspaces button:hover { + background: rgba(0, 0, 0, 0.2); +} + +#workspaces button.focused { + background-color: #64727D; + box-shadow: inset 0 -3px #ffffff; +} + +#workspaces button.urgent { + background-color: #eb4d4b; +} + +#mode { + background-color: #64727D; + border-bottom: 3px solid #ffffff; +} + +#clock, +#battery, +#cpu, +#memory, +#disk, +#temperature, +#backlight, +#network, +#pulseaudio, +#wireplumber, +#custom-media, +#tray, +#mode, +#idle_inhibitor, +#scratchpad, +#mpd { + padding: 0 4px; + color: #ffffff; + background-color: rgba(53, 58, 69, 0.5); +} + +#clock { + background-color: inherit; +} + +#window, +#workspaces { + margin: 0 4px; +} + +/* If workspaces is the leftmost module, omit left margin */ +.modules-left > widget:first-child > #workspaces { + margin-left: 0; +} + +/* If workspaces is the rightmost module, omit right margin */ +.modules-right > widget:last-child > #workspaces { + margin-right: 0; +} + +@keyframes blink { + to { + background-color: #ffffff; + color: #000000; + } +} + +#battery.critical:not(.charging) { + background-color: #f53c3c; + color: #ffffff; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +label:focus { + background-color: #000000; +} + +#wireplumber { + color: #000000; +} + +#tray > .passive { + -gtk-icon-effect: dim; +} + +#tray > .needs-attention { + -gtk-icon-effect: highlight; + background-color: #eb4d4b; +} + +#idle_inhibitor.activated { + background-color: #ecf0f1; + color: #2d3436; +} |