From 64111551bddc6975473b00dbd6dca822745dfc78 Mon Sep 17 00:00:00 2001 From: Christian Colglazier Date: Sat, 8 Nov 2025 10:36:29 -0500 Subject: [PATCH] feat(waybar): add config --- home/dot_config/waybar/config | 124 ++++++++++++++++++++ home/dot_config/waybar/style.css | 193 +++++++++++++++++++++++++++++++ 2 files changed, 317 insertions(+) create mode 100644 home/dot_config/waybar/config create mode 100644 home/dot_config/waybar/style.css diff --git a/home/dot_config/waybar/config b/home/dot_config/waybar/config new file mode 100644 index 0000000..7533671 --- /dev/null +++ b/home/dot_config/waybar/config @@ -0,0 +1,124 @@ +{ + "layer": "top", + "output": ["DVI-D-0", "LVDS-1", "eDP-1"], + "position": "top", + "height": 35, // Waybar height (to be removed for auto height) + "modules-left": ["hyprland/workspaces", "hyprland/mode", "sway/workspaces", "sway/mode", "custom/media"], + "modules-center": ["hyprland/window", "sway/window"], + "modules-right": ["pulseaudio", "network", "backlight", "battery", "tray", "clock"], + // Modules configuration + "sway/workspaces": { + "disable-scroll": true, + "all-outputs": true, + "format": "{icon}", + "format-icons": { + "1": "1", + "2": "", + "3": "3", + "4": "4", + "5": "5", + "13": "♫", + "urgent": "", + "focused": "", + "default": "" + } + }, + "hyprland/workspaces": { + "disable-scroll": true, + "all-outputs": true, + "format": "{icon}", + "format-icons": { + "1": "1", + "2": "", + "3": "3", + "4": "4", + "5": "5", + "13": "♫", + "urgent": "", + "focused": "", + "default": "" + } + }, + "keyboard-state": { + "numlock": true, + "capslock": true, + "format": "{icon} {name}", + "format-icons": { + "locked": "", + "unlocked": "" + } + }, + "sway/mode": { + "format": "{}" + }, + "hyprland/mode": { + "format": "{}" + }, + "tray": { + // "icon-size": 21, + "spacing": 10 + }, + "clock": { + "interval": 1, + "format": "{:%I:%M}", + "format-alt": "{:%Y-%m-%d %I:%M:%S}", + "tooltip": false + }, + "temperature": { + // "thermal-zone": 2, + // "hwmon-path": "/sys/class/hwmon/hwmon2/temp1_input", + "critical-threshold": 80, + "format-critical": "{icon} {temperatureC}°C", + "format": "{icon} {temperatureC}°C", + "format-icons": ["", "", ""] + }, + "backlight": { + // "device": "acpi_video1", + "format": "{icon} {percent}%", + "format-icons": [""] + }, + "battery": { + "states": { + // "good": 95, + "warning": 30, + "critical": 15 + }, + "format": "{icon} {capacity}%", + "format-charging": "{capacity}% ", + "format-plugged": "{capacity}% ", + "format-alt": "{icon} {time}", + "format-good": "", // An empty format will hide the module + "format-full": "", + "format-icons": ["", "", "", "", ""] + }, + "network": { + // "interface": "wlp2*", // (Optional) To force the use of this interface + "format-wifi": "{icon} {essid}", + "format-ethernet": "{ipaddr}/{cidr} ", + "tooltip-format": "{ifname} via {gwaddr} ", + "format-linked": "{ifname} (No IP) ", + "format-disconnected": "Disconnected ⚠", + "format-alt": "{ifname}: {ipaddr}/{cidr}", + "format-icons": [""] + }, + "pulseaudio": { + // "scroll-step": 1, // %, can be a float + "format": "{icon} {volume}% {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": "qjackctl" + } +} + diff --git a/home/dot_config/waybar/style.css b/home/dot_config/waybar/style.css new file mode 100644 index 0000000..82f7e38 --- /dev/null +++ b/home/dot_config/waybar/style.css @@ -0,0 +1,193 @@ +* { + border: none; + border-radius: 0; + /* `otf-font-awesome` is required to be installed for icons */ + font-family: SF Pro Display, Helvetica, Arial, sans-serif; + font-size: 18px; + min-height: 0; +} + +window#waybar { + background-color: rgba(0, 0, 0, 0.5); + border-bottom: 3px solid rgba(0, 0, 0, 0.5); + color: #ffffff; + transition-property: background-color; + transition-duration: .5s; +} + +window#waybar.hidden { + background-color: #000000; +} + +window#waybar.empty { + background-color: #000000; +} +window#waybar.solo { + background-color: #000000; +} + +/* Empyty Space */ +window#waybar.termite { + background-color: #000000; + border-bottom: 3px solid rgba(0, 0, 0, 0.5); +} + +window#waybar.chromium { + background-color: #000000; + border: none; +} + +#workspaces button { + padding: 0 5px; + background-color: transparent; + color: #ffffff; + /* Use box-shadow instead of border so the text isn't offset */ + box-shadow: inset 0 -3px transparent; +} + +/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */ +#workspaces button:hover { + background: rgba(0, 0, 0, 0.2); + box-shadow: inset 0 -3px #B3E5FC; +} + +#workspaces button.focused { + background-color: #0288D1; + box-shadow: inset 0 -3px #B3E5FC; +} + +#workspaces button.urgent { + background-color: #E91E63; +} + +#mode { + background-color: #000000; + border-bottom: 3px solid #B3E5FC; +} + +#clock, +#battery, +#cpu, +#memory, +#disk, +#temperature, +#backlight, +#network, +#pulseaudio, +#custom-media, +#tray, +#mode, +#idle_inhibitor, +#mpd { + padding: 0 10px; + margin: 0 4px; + color: #FFFFFF; + background-color: #0288D1; +} + +#window, +#workspaces { + margin: 0 4px; +} + +/* If workspaces is the leftmost module, omit left margin */ +.modules-left > widget:first-child > #workspaces { + margin-left: 0px; +} + +/* If workspaces is the rightmost module, omit right margin */ +.modules-right > widget:last-child > #workspaces { + margin-right: 5px; +} + +#clock { + background-color: #0288D1; +} + +#battery { + background-color: #ffffff; + color: #000000; +} + +#battery.charging, #battery.plugged { + color: #ffffff; + background-color: #2980b9; +} + +@keyframes blink { + to { + background-color: #ffffff; + color: #000000; + } +} + +#battery.critical:not(.charging) { + background-color: #E91E63; + 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; +} + +#cpu { + background-color: #2980b9; + color: #000000; +} + +#memory { + background-color: #2980b9; +} + +#disk { + background-color: #2980b9; +} + +#backlight { + background-color: #2980b9; +} + +#network { + background-color: #2980b9; +} + +#network.disconnected { + background-color: #E91E63; +} + +#pulseaudio { + background-color: #0288D1; + color: #FFFFFF; +} + +#pulseaudio.muted { + background-color: #FFFFFF; + color: #000000; +} + +#tray { + background-color: #0288D1; +} + +#tray > .passive { + -gtk-icon-effect: dim; +} + +#tray > .needs-attention { + -gtk-icon-effect: highlight; + background-color: #E91E63; +} + +#idle_inhibitor { + background-color: #000000; +} + +#idle_inhibitor.activated { + background-color: #FFFFFF; + color: #000000; +}