diff --git a/.config/waybar/config b/.config/waybar/config new file mode 100644 index 0000000..8f08aa4 --- /dev/null +++ b/.config/waybar/config @@ -0,0 +1,83 @@ +{ + "layer": "top", + "position": "top", + "height": 40, + "spacing": 0, + "exclusive": true, + "gtk-layer-shell": true, + "passthrough": false, + "fixed-center": true, + "modules-left": ["hyprland/workspaces"], + "modules-center": ["custom/spotify"], + "modules-right": [ + "battery", + "backlight", + "pulseaudio", + "clock", + "clock#simpleclock", + "tray", + "custom/power", + ], + "custom/spotify": { + "format": " {}", + "return-type": "json", + "on-click": "playerctl -p spotify play-pause", + "on-click-right": "spotifatius toggle-liked", + "on-click-middle": "playerctl -p spotify next", + "exec": "spotifatius monitor", + }, + "hyprland/workspaces": { + "on-click": "activate", + "format": "{name}", + "all-outputs": true, + "disable-scroll": false, + "active-only": false, + }, + "backlight": { + "device": "amdgpu_b10", + "format": "{icon} {percent}%", + "format-icons": ["", "", "", "", "", "", "", "", ""] + }, + "battery": { + "format": "{icon} {capacity}%", + //"format-alt": "{time} {icon}", + "format-icons": ["", "", "", "", "", "", "", "", "", "", ""], + "format-charging": " {capacity}%" + }, + "tray": { + "show-passive-items": true, + "spacing": 10, + }, + "clock#simpleclock": { + "tooltip": false, + "format": " {:%H:%M}", + }, + "clock": { + "format": " {:L%a %d %b}", + "tooltip-format": "{:%Y %B}\n{calendar}", + }, + "pulseaudio": { + "format": "{icon} {volume}%", + "format-muted": " muted", + "format-icons": { + "headphone": "", + "hands-free": "󰂑", + "headset": "󰂑", + "phone": "", + "portable": "", + "car": "", + "default": ["", "", ""], + }, + "on-click": "pavucontrol", + }, + "custom/sep": { + "format": "|", + "tooltip": false, + }, + "custom/power": { + "tooltip": false, + "on-click": "wlogout -p layer-shell &", + "format": "⏻ ", + }, +} + diff --git a/.config/waybar/style.css b/.config/waybar/style.css new file mode 100644 index 0000000..2dc45f1 --- /dev/null +++ b/.config/waybar/style.css @@ -0,0 +1,158 @@ +* { + min-height: 0; + font-family: "JetBrainsMono Nerd Font Mono"; + font-size: 20px; + font-weight: 600; +} + +window#waybar { + transition-property: background-color; + transition-duration: 0.5s; + /* background-color: #1e1e2e; */ + /* background-color: #181825; */ + background-color: #11111b; + /* background-color: rgba(24, 24, 37, 0.6); */ +} + +window#waybar.hidden { + opacity: 0.5; +} + +#workspaces { + background-color: transparent; +} + +#workspaces button { + all: initial; + min-width: 0; + box-shadow: inset 0 -3px transparent; + padding: 2px 10px; + min-height: 0; + margin: 4px 4px; + border-radius: 4px; + /* background-color: #181825; */ + background-color: #1e1e2e; + color: #cdd6f4; +} + +#workspaces button:hover { + box-shadow: inherit; + text-shadow: inherit; + color: #1e1e2e; + background-color: #cdd6f4; +} + +#workspaces button.active { + color: #1e1e2e; + background-color: #89b4fa; +} + +#workspaces button.urgent { + color: #1e1e2e; + background-color: #f38ba8; +} + +#clock, +#pulseaudio, +#battery, +#backlight, +#custom-logo, +#custom-power, +#custom-spotify, +#cpu, +#tray, +#memory, +#window { + min-height: 0; + padding: 2px 10px; + border-radius: 4px; + margin: 4px 4px; + /* background-color: #181825; */ + background-color: #1e1e2e; +} + +#custom-sep { + padding: 0px; + color: #585b70; +} + +#custom-spotify.playing { + color: #a6e3a1; +} + +#custom-spotify.liked { + color: #cba6f7; +} +#custom-spotify.added { + color: #f9e2af; +} + +#custom-spotify.removed { + color: #f38ba8; +} + +#custom-spotify.paused { + color: #9399b2; +} + +window#waybar.empty #window { + background-color: transparent; +} + +#cpu { + color: #94e2d5; +} + +#memory { + color: #cba6f7; +} + +#clock { + color: #74c7ec; +} + +#clock.simpleclock { + color: #89b4fa; +} + +#backlight { + color: #d9b172; +} + +#battery { + color: #fff; +} + +#window { + color: #a6e3a1; +} + +#pulseaudio { + color: #b4befe; +} + +#pulseaudio.muted { + color: #a6adc8; +} + +#custom-logo { + color: #89b4fa; +} + +#custom-power { + color: #f38ba8; + padding-right: 5px; + font-size: 14px; +} + +@keyframes blink { + to { + background-color: #f38ba8; + color: #181825; + } +} + +tooltip { + background-color: #181825; +} +