files

config/waybar/colors/catppuccin.css

@@ -0,0 +1,18 @@
+@define-color bg0 #1e1e2e;
+@define-color bg1 #313244;
+@define-color bg2 #45475a;
+@define-color bg3 #585b70;
+@define-color bg4 #11111b;
+
+@define-color red    #f38ba8;
+@define-color orange #fab387;
+@define-color yellow #f9e2af;
+@define-color green  #a6e3a1;
+@define-color aqua   #94e2d5;
+@define-color blue   #89b4fa;
+@define-color purple #cba6f7;
+
+@define-color fg     #cdd6f4;
+@define-color grey0  #6c7086;
+@define-color grey1  #7f849c;
+@define-color grey2  #9399b2;

config/waybar/config.jsonc

@@ -0,0 +1,144 @@
+{
+  "position": "top",
+  "margin-top": 6,
+  "margin-right": 6,
+  "margin-left": 6,
+  "modules-left": ["custom/arch", "custom/separator", "hyprland/window"],
+  "modules-center": ["hyprland/workspaces"],
+  "modules-right": [
+    "custom/cava",
+    "mpris",
+    "custom/separator",
+    "group/tray-drawer",
+    "custom/separator",
+    "battery",
+    "pulseaudio",
+    "network",
+    "custom/separator",
+    "clock",
+  ],
+  "hyprland/window": {
+    "rewrite": {
+      "(.*) - Firefox": "$1",
+      "(.*) - kitty": "[$1]",
+    },
+    "separate-outputs": true,
+    "max-length": 30,
+  },
+  "custom/arch": {
+    "format": "",
+    "tooltip": false,
+    // "on-click": "sh -c 'pkill rofi || ~/.config/rofi/powermenu/type-1/powermenu.sh'",
+    // "on-click": "eww open --toggle powermenu",
+    "on-click": "wlogout -l ~/.config/wlogout/layout -s ~/.config/wlogout/style.css -b 4 -T 350 -B 350",
+  },
+  "custom/separator": {
+    "format": "|",
+    "interval": "once",
+    "tooltip": false,
+  },
+  "clock": {
+    "format": "{:%a %b %d - %I:%M %p}",
+    "tooltip-format": "<tt><small>{calendar}</small></tt>",
+  },
+  "hyprland/workspaces": {
+    "format": "{icon}",
+    "on-click": "activate",
+    "format-icons": {
+      "active": " ",
+      "default": " ",
+    },
+    "persistent-workspaces": {
+      "*": 6, // 5 workspaces by default on every monitor
+    },
+    "sort-by-number": true,
+  },
+  "custom/cava": {
+    "exec": "~/.config/waybar/scripts/waybar-cava.sh",
+    "format": "{}",
+    "tooltip": false,
+  },
+  "mpris": {
+    "format": "{title} - {artist}", // {player_icon} removed
+    "format-paused": "{title} - {artist}</i>", // {status_icon} and <i> removed
+    "player-icons": {
+      "default": "󰎆",
+      "spotify": "",
+      "firefox": "󰈹",
+      "mpd": "",
+    },
+    "status-icons": {
+      "paused": "󰏤",
+    },
+    "max-length": 23,
+  },
+  "pulseaudio": {
+    "format": "{icon}", // {volume}% removed
+    "format-bluetooth": "{volume}% {icon}",
+    "format-muted": "",
+    "format-icons": {
+      "headphone": "",
+      "hands-free": "",
+      "headset": "",
+      "phone": "",
+      "phone-muted": "",
+      "portable": "",
+      "car": "",
+      "default": ["", ""],
+    },
+    "scroll-step": 1,
+    "on-click": "pamixer -t",
+    "on-click-right": "pavucontrol",
+    "ignored-sinks": ["Easy Effects Sink"],
+  },
+  "network": {
+    "interface": "wlp44s0",
+    "format": "{ifname}",
+    "format-wifi": "",
+    "format-ethernet": "󰊗",
+    "format-disconnected": "", //An empty format will hide the module.
+    "tooltip-format": "{ifname} via {gwaddr} 󰊗",
+    "tooltip-format-wifi": "{essid} ({signalStrength}%) ",
+    "tooltip-format-ethernet": "{ifname} ",
+    "tooltip-format-disconnected": "Disconnected",
+    "max-length": 50,
+    // "on-click": "exec dms ipc call control-center open",
+    "on-click": "eww open --toggle control_center",
+    "on-click-right": "networkmanager_dmenu",
+  },
+  "battery": {
+    "interval": 60,
+    "states": {
+      "warning": 30,
+      "critical": 15,
+    },
+    "format": "{icon}", // {capacity}% removed
+    "format-icons": ["", "", "", "", ""],
+    "tooltip-format": "{capacity}% - {timeTo}",
+    "max-length": 25,
+    "on-click": "eww open --toggle control_center",
+  },
+  "group/tray-drawer": {
+    "orientation": "horizontal",
+    "drawer": {
+      "transition-duration": 500,
+      "children-class": "tray-child",
+      "transition-left-to-right": false,
+      "click-to-reveal": true
+    },
+    "modules": [
+      "custom/tray-icon", // This is your "toggle" button
+      "tray" // The actual system tray
+    ]
+  },
+
+  "custom/tray-icon": {
+    "format": "", // Or use a '' or '󰒓' icon
+    "tooltip": false,
+  },
+
+  "tray": {
+    "icon-size": 21,
+    "spacing": 10,
+  },
+}

config/waybar/scripts/cava_config

@@ -0,0 +1,15 @@
+[general]
+bars = 6
+
+[output]
+method = raw
+raw_target = /dev/stdout
+data_format = ascii
+ascii_max_range = 7
+# Remove the 'ascii_data_format = box' lines—they don't apply to raw ascii mode.
+
+[input]
+# If it stays as zeros even when music plays, try changing 'pulse' to 'pipewire'
+method = pulse
+source = auto
+

config/waybar/scripts/launch.sh

@@ -0,0 +1,7 @@
+#!/bin/bash
+
+killall -9 waybar
+swaync-client --reload-css
+
+waybar &
+# swaync &

config/waybar/scripts/waybar-cava.sh

@@ -0,0 +1,22 @@
+#!/bin/bash
+
+# Define the bar icons (same ones in your config)
+icons=(" " "·" "–" "=" "≡" "≡" "≡")
+
+killall -q cava
+# We read the numbers from CAVA and swap them for icons
+cava -p ~/.config/waybar/scripts/cava_config | while read -r line; do
+  output=""
+  # Loop through each digit in the output (e.g., '0', '1', '7')
+  for ((i = 0; i < ${#line}; i++)); do
+    digit="${line:$i:1}"
+    # If it's a number, pick the icon. Otherwise, keep it.
+    if [[ $digit =~ [0-7] ]]; then
+      output+="${icons[$digit]}"
+    # If it's a semicolon or anything else, just skip it
+    else
+      continue
+    fi
+  done
+  echo "$output"
+done

config/waybar/style.css

@@ -0,0 +1,147 @@
+@import "colors/catppuccin.css";
+
+* {
+  border: none;
+  border-radius: 0;
+  color: @fg;
+  font-family: "Adwaita Sans", "JetBrainsMono Nerd Font Propo", "sans-serif";
+  font-weight: bold;
+  min-height: 24px;
+  padding: 0;
+  margin: 0;
+}
+
+window#waybar {
+  background: rgba(30, 30, 46, 0.8);
+  border-radius: 24px;
+  border: 2px solid @bg3;
+}
+
+tooltip {
+  background: @bg0;
+  border: 1px solid @bg3;
+  border-radius: 12px;
+}
+
+tooltip label {
+  color: @fg;
+  padding: 6px;
+}
+
+#window {
+  margin: 0 0 0 12px;
+}
+
+#workspaces {
+  padding: 2px 3px 0px;
+  color: @fg;
+}
+
+#workspaces button {
+  padding: 0px 6px;
+  margin: 2px 6px;
+  color: transparent;
+  border-top: 3px solid @bg1;
+  transition: all 0.3s ease-in-out;
+}
+
+#workspaces button.active {
+  border-top: 3px solid @blue;
+  color: @bg0;
+  min-width: 45px;
+  background-size: 400% 400%;
+  background: transparent;
+}
+
+#workspaces button:hover {
+  border-top: 3px solid @purple;
+  color: @bg0;
+  min-width: 45px;
+  background-size: 400% 400%;
+  background: transparent;
+}
+
+#workspaces button.urgent {
+  border-top: 3px solid @red;
+  color: @bg0;
+  min-width: 45px;
+  background-size: 400% 400%;
+  background: transparent;
+}
+
+#battery,
+#pulseaudio,
+#backlight,
+#network,
+#clock,
+#custom-notification,
+#custom-arch,
+#mpris {
+  padding: 0 15px;
+}
+
+#backlight {
+  color: @orange;
+}
+
+#mpris {
+  padding: 0 8px 0 0;
+  margin: 4px 0px;
+}
+
+#custom-cava {
+  all: unset;
+  min-height: 12px;
+
+  margin: 10px 0px;
+
+  padding: 0 8px;
+  color: @blue;
+
+  font-size: 10px;
+}
+
+#clock {
+  color: @blue;
+}
+
+#custom-notification {
+  color: @fg;
+}
+
+#pulseaudio {
+  color: @yellow;
+  padding: 8px;
+}
+
+#network {
+  color: @purple;
+  padding: 8px;
+}
+
+#battery {
+  color: @green;
+  padding: 8px;
+}
+
+#custom-arch {
+  color: #1793d1;
+  padding-left: 24px;
+  font-size: 20px;
+}
+
+#custom-separator {
+  color: rgba(255, 255, 255, 0.2);
+  margin: 0;
+  font-size: 14px;
+  font-weight: bold;
+}
+
+#custom-tray-icon {
+  color: #89b4fa; /* Catppuccin Blue */
+  padding: 0 8px;
+}
+
+#tray {
+  padding: 0 0 0 8px;
+}