diff --git a/waybar/config b/waybar/config new file mode 100644 index 0000000..4f93173 --- /dev/null +++ b/waybar/config @@ -0,0 +1,95 @@ +// -*- mode: jsonc -*- +{ + "layer": "top", // Waybar at top layer + "height": 44, // Waybar height (to be removed for auto height) + "width": 3418, // Waybar width + "spacing": 4, // Gaps between modules (4px) + "modules-left": [ + "image#arch", + "hyprland/workspaces" + ], + "modules-center": [ + "hyprland/window" + ], + "modules-right": [ + "image#catppuccin", + "clock", + "hyprland/language", + "pulseaudio", + "network", + "cpu", + "memory", + "temperature" + ], + "clock": { + "timezone": "CET", + "tooltip-format": "{:%Y %B}\n{calendar}", + "format-alt": "{:%Y-%m-%d}" + }, + "cpu": { + "interval": 0.5, + "format": "{usage}% ", + "tooltip": false + }, + "memory": { + "interval": 0.5, + "format": "{}% " + }, + "temperature": { + "interval": 0.5, + "critical-threshold": 80, + "format": "{temperatureC}°C {icon}", + "format-icons": ["", "", ""] + }, + "hyprland/workspaces": { + "window-rewrite": {}, + }, + "hyprland/window": { + "format": "👉 {}", + "rewrite": { + "(.*) — Mozilla Firefox": "🌎", + }, + "separate-outputs": true + }, + "hyprland/language": { + + }, + "pulseaudio": { + "format": "{volume}% {icon}", + "format-bluetooth": "{volume}% {icon}", + "format-muted": "", + "format-icons": { + "headphone": "", + "hands-free": "", + "headset": "", + "phone": "", + "portable": "", + "car": "", + "default": ["", ""] + }, + "scroll-step": 1, + "on-click": "pavucontrol", + "ignored-sinks": ["Easy Effects Sink"] + }, + "network": { + "interface": "wlp2s0", + "format": "arstarst{ifname}", + "format-wifi": "arstarst-wifi{essid} ({signalStrength}%) ", + "format-ethernet": "arstarst-eth{ipaddr}/{cidr} 󰊗", + "tooltip-format": "{ifname} via {gwaddr} 󰊗", + "tooltip-format-wifi": "{essid} ({signalStrength}%) ", + "tooltip-format-ethernet": "{ifname} ", + "tooltip-format-disconnected": "Disconnected", + "max-length": 50 + }, + "image#arch": { + "path": "/home/walnut-arch/dev/git/.dotfiles/waybar/images/arch-logo.svg", + "size": 26, + "interval": 5, + }, + "image#catppuccin": { + "path": "/home/walnut-arch/.config/waybar/images/catppuccin-logo.png", + "size": 28, + "interval": 5, + } +} diff --git a/waybar/images/arch-logo.svg b/waybar/images/arch-logo.svg new file mode 100644 index 0000000..f2b29f5 --- /dev/null +++ b/waybar/images/arch-logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/waybar/images/catppuccin-logo.png b/waybar/images/catppuccin-logo.png new file mode 100644 index 0000000..7d29e39 Binary files /dev/null and b/waybar/images/catppuccin-logo.png differ diff --git a/waybar/macchiato.css b/waybar/macchiato.css new file mode 100644 index 0000000..6880473 --- /dev/null +++ b/waybar/macchiato.css @@ -0,0 +1,37 @@ +/* +* +* Catppuccin Macchiato palette +* Maintainer: rubyowo +* +*/ + +@define-color base #24273a; +@define-color mantle #1e2030; +@define-color crust #181926; + +@define-color text #cad3f5; +@define-color subtext0 #a5adcb; +@define-color subtext1 #b8c0e0; + +@define-color surface0 #363a4f; +@define-color surface1 #494d64; +@define-color surface2 #5b6078; + +@define-color overlay0 #6e738d; +@define-color overlay1 #8087a2; +@define-color overlay2 #939ab7; + +@define-color blue #8aadf4; +@define-color lavender #b7bdf8; +@define-color sapphire #7dc4e4; +@define-color sky #91d7e3; +@define-color teal #8bd5ca; +@define-color green #a6da95; +@define-color yellow #eed49f; +@define-color peach #f5a97f; +@define-color maroon #ee99a0; +@define-color red #ed8796; +@define-color mauve #c6a0f6; +@define-color pink #f5bde6; +@define-color flamingo #f0c6c6; +@define-color rosewater #f4dbd6; diff --git a/waybar/style.css b/waybar/style.css new file mode 100644 index 0000000..ae222f3 --- /dev/null +++ b/waybar/style.css @@ -0,0 +1,168 @@ +@import "macchiato.css"; + +* { + border: none; + border-radius: 8px; + font-family: "JetBrainsMonoNL Nerd Font Mono"; + font-weight: bold; + font-size: 14px; + min-height: 14px; +} + +window#waybar { + background: transparent; +} + +window#waybar > box { + border-radius: 8px; + margin: 0px 8px 8px 8px; + background: rgba(36, 39, 58, 0.82); + border: 2px solid @mantle; + border-radius: 0px 0px 8px 8px; + border-top: none; + box-shadow: + 0px 0px 1.6px rgba(0, 0, 0, 0.032), + 0px 0px 3.1px rgba(0, 0, 0, 0.16), + 0px 0px 4.4px rgba(0, 0, 0, 0.378), + 0px 0px 6px rgba(0, 0, 0, 0.52); +} + +tooltip { + background: @main-bg; + color: @main-fg; + border-radius: 8px; + border-width: 0px; +} + +#workspaces { + padding: 0; + margin: 4px; + margin-left: 0px; +} + +#workspaces button { + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 6px; + margin-top: 2px; + margin-bottom: 2px; + margin-left: 2px; + padding-left: 2px; + padding-right: 2px; + margin-right: 2px; + background: @mauve; + color: @crust; + animation: ws_normal 20s ease-in-out 1; +} + +#workspaces button.active { + background: @green; + margin-left: 3px; + padding-left: 12px; + padding-right: 12px; + margin-right: 3px; + animation: ws_active 20s ease-in-out 1; + transition: all 0.4s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button:not(.active):hover { + background: @peach; + animation: ws_hover 20s ease-in-out 1; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button { + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + margin-top: 3px; + margin-bottom: 3px; + margin-left: 0px; + padding-left: 3px; + padding-right: 3px; + margin-right: 0px; + color: @wb-color; + animation: tb_normal 20s ease-in-out 1; +} + +#taskbar button.active { + background: @wb-act-bg; + color: @wb-act-color; + margin-left: 3px; + padding-left: 12px; + padding-right: 12px; + margin-right: 3px; + animation: tb_active 20s ease-in-out 1; + transition: all 0.4s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button:hover { + background: @wb-hvr-bg; + color: @wb-hvr-color; + animation: tb_hover 20s ease-in-out 1; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#window, +#clock, +#language, +#pulseaudio, +#network, +#cpu, +#memory, +#temperature, +#custom-l_end, +#custom-r_end, +#custom-sl_end, +#custom-sr_end, +#custom-rl_end, +#custom-rr_end { + color: @crust; + margin: 4px 0px 4px 0px; + padding-left: 8px; + padding-right: 8px; +} + +#image.arch { + margin-top: 2px; + margin-left: 8px; +} + +#window { + background: @blue; +} + +#image.catppuccin { + margin-top: 2px; +} + +#clock { + background: @pink; +} + +#language { + background: @sapphire; +} + +#pulseaudio { + background: @yellow; +} + +#network { + background: @maroon; +} + +#cpu { + background: @lavender; +} + +#memory { + background: @peach; +} + +#temperature { + background: @teal; + margin-right: 10px; +}