diff options
Diffstat (limited to 'waybar')
| -rw-r--r-- | waybar/config | 118 | ||||
| -rw-r--r-- | waybar/style.css | 119 |
2 files changed, 237 insertions, 0 deletions
diff --git a/waybar/config b/waybar/config new file mode 100644 index 0000000..a4c5d89 --- /dev/null +++ b/waybar/config @@ -0,0 +1,118 @@ +{ + "layer": "top", + "position": "top", + "modules-left": [ + "hyprland/workspaces", + + ], + "modules-center": [ + + ], + "spacing": 4, + "modules-right": [ + "tray", + "wireplumber", + "network", + "backlight", + "clock", + "battery", + ], + "backlight": { + "device": "intel_backlight", + "format": "{percent}% {icon}", + "format-icons": ["", ""] + }, + "hyprland/workspaces": { + "format": "{name}", + "persistent-workspaces": { + "1": [], + "2": [], + "3": [] + } + }, + "hyprland/window": { + "icon": false, + "separate-outputs": true, + "format": "{}" + }, + "clock": { + "format": "{:%H:%M} ", + "format-alt": "{:%A, %B %d, %Y (%R)}", + "tooltip-format": "<tt><small>{calendar}</small></tt>", + "calendar": { + "mode": "year", + "mode-mon-col": 3, + "weeks-pos": "right", + "on-scroll": 1, + "on-click-right": "mode", + "format": { + "months": "<span color='#f5e0dc'><b>{}</b></span>", + "days": "<span color='#cdd6f4'><b>{}</b></span>", + "weeks": "<span color='#fab387'><b>W{}</b></span>", + "weekdays": "<span color='#f5c2e7'><b>{}</b></span>", + "today": "<span color='#cba6f7'><b><u>{}</u></b></span>" + } + }, + "actions": { + "on-click-right": "mode", + "on-click-forward": "tz_up", + "on-click-backward": "tz_down", + "on-scroll-up": "shift_up", + "on-scroll-down": "shift_down" + } + }, + + "network": { + "format": " Disabled", + "format-wifi": " ", + "format-ethernet": " ", + "format-disconnected": " ", + "tooltip": true, + "tooltip-format": "{ifname}\n{ipaddr}", + "tooltip-format-wifi": "{essid} {ifname}\n{ipaddr}\nstrength: {signalStrength}%", + "on-click": "networkmanager_dmenu" + }, + + "wireplumber": { + "scroll-step": 10, + "format": "{volume}% {icon} ", + "format-bluetooth": "{icon} {volume}%", + "format-muted": "muted ", + "on-click": "pavucontrol", + "format-icons": { + "headphones": "", + "handsfree": "", + "headset": "", + "phone": "", + "portable": "", + "car": "", + "default": [ + "", + "" + ] + } + }, + "battery": { + "states": { + "warning": 30, + "critical": 15 + }, + "format": "{capacity}% {icon}", + "format-charging": " {capacity}%", + "format-pluged": " {capacity}%", + "format-full": " {capacity}%", + "format-icons": [ + "", + "", + "", + "", + "", + "", + "", + "", + "", + "", + "" + ] + } +} diff --git a/waybar/style.css b/waybar/style.css new file mode 100644 index 0000000..5e1e949 --- /dev/null +++ b/waybar/style.css @@ -0,0 +1,119 @@ +* { + font-family: "Fira Code"; + font-weight: bold; + font-size: 12px; +} + +window#waybar { + background-color: transparent; +} + +#window { + background-color: #6b6b6b; + border-radius: 0px; + padding: 8px 12px 8px 8px; + margin: 0px 0; +} + +window#waybar.empty #window { + background: rgba(12, 12, 12, 0); +} + +.modules-left { + padding: 3px 3px 0px 3px; +} + +.modules-right { + padding: 3px 3px 0px 3px; +} + +.modules-center { + padding: 3px 3px 0px 3px; +} + +#workspaces { + background-color: #6b6b6b; + border-radius: 0px; + padding: 4px 4px 3px 6px; + + margin: 4px 0; +} + +#workspaces button { + min-height: 0; + padding: 0 7px; + margin-right: 2px; + color: #919191; +} + +#workspaces button.urgent { + color: #f5e0dc; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#workspaces button.empty { + color: #919191; +} + +#workspaces button.visible { + color: #bababa; +} + +#workspaces button.active { + color: #bababa; +} + +@keyframes blink { + to { + color: #6b6b6b; + background-color: #dcf5f3; + } +} + +#wireplumber { + background-color: #6b6b6b; + border-radius: 0px; + padding: 8px 8px 8px 20px; + margin: 4px 0; + color: #bababa; +} + +#wireplumber.muted { + color: #bababa; +} + +#clock { + background-color: #6b6b6b; + padding: 8px 10px 10px 10px; + margin: 4px 0; + color: #bababa; +} + +#network { + background-color: #6b6b6b; + color: #bababa; + padding: 8px; + margin: 4px 0; +} + +#network.disabled { + color: #f38ba8; +} + +#battery { + background-color: #6b6b6b; + color: #bababa; + padding: 8px; + margin: 4px 0; +} + +#backlight { + background-color: #6b6b6b; + color: #bababa; + padding: 8px; + margin: 4px 0; +} |