Use dotter

config/HybridBar/config.json

@@ -0,0 +1,31 @@
+{
+    "hybrid": {
+        "namespace": "hybrid-bar",
+        "r": 22,
+        "g": 22,
+        "b": 30,
+        "a": 0.5
+    },
+    "left-spacing_end": {
+        "spacing_end": 5
+    },
+    "left-label_ws": {
+        "text": "",
+        "command": "hyprctl -j workspaces | jq '.[]  .id' | sort -n | tr '\n' ' '"
+    },
+    "centered-label_window": {
+        "text": "",
+        "command": "hyprctl activewindow -j | jq --raw-output .title"
+    },
+    "right-label_volume": {
+        "text": "",
+        "command": "wpctl get-volume @DEFAULT_SINK@ | awk '{print $2}' | sed -e 's/^0.//' -e 's/^1./1/' -e 's/$/%/'"
+    },
+    "right-label_time": {
+        "text": "",
+        "command": "date +%H:%M:%S"
+    },
+    "right-spacing_end": {
+        "spacing_end": 5
+    }
+}

config/HybridBar/scripts/change-active-workspace

@@ -0,0 +1,21 @@
+#!/bin/bash
+function clamp {
+	min=$1
+	max=$2
+	val=$3
+	python -c "print(max($min, min($val, $max)))"
+}
+
+direction=$1
+current=$2
+if test "$direction" = "down"
+then
+	target=$(clamp 1 10 $(($current+1)))
+	echo "jumping to $target"
+	hyprctl dispatch workspace $target
+elif test "$direction" = "up"
+then
+	target=$(clamp 1 10 $(($current-1)))
+	echo "jumping to $target"
+	hyprctl dispatch workspace $target
+fi

config/HybridBar/scripts/get-active-workspace

@@ -0,0 +1,6 @@
+#!/usr/bin/env bash
+
+hyprctl monitors -j | jq '.[] | select(.focused) | .activeWorkspace.id'
+
+socat -u UNIX-CONNECT:/tmp/hypr/$HYPRLAND_INSTANCE_SIGNATURE/.socket2.sock - |
+  stdbuf -o0 awk -F '>>|,' -e '/^workspace>>/ {print $2}' -e '/^focusedmon>>/ {print $3}'

config/HybridBar/scripts/get-window-title

@@ -0,0 +1,3 @@
+#!/bin/sh
+hyprctl activewindow -j | jq --raw-output .title
+socat -u UNIX-CONNECT:/tmp/hypr/$HYPRLAND_INSTANCE_SIGNATURE/.socket2.sock - | stdbuf -o0 awk -F '>>|,' '/^activewindow>>/{print $3}'

config/HybridBar/scripts/get-workspaces

@@ -0,0 +1,11 @@
+#!/bin/bash
+
+spaces (){
+	WORKSPACE_WINDOWS=$(hyprctl workspaces -j | jq 'map({key: .id | tostring, value: .windows}) | from_entries')
+	seq 1 10 | jq --argjson windows "${WORKSPACE_WINDOWS}" --slurp -Mc 'map(tostring) | map({id: ., windows: ($windows[.]//0)})'
+}
+
+spaces
+socat -u UNIX-CONNECT:/tmp/hypr/$HYPRLAND_INSTANCE_SIGNATURE/.socket2.sock - | while read -r line; do
+	spaces
+done

config/HybridBar/style.css

@@ -0,0 +1,76 @@
+/* :root { */
+/*     --bg: #1a1b26; */
+/*     --bg-dark: #16161e; */
+/*     --bg-float: #16161e; */
+/*     --bg-highlight: #292e42; */
+/*     --bg-popup: #16161e; */
+/*     --bg-search: #3d59a1; */
+/*     --bg-sidebar: #16161e; */
+/*     --bg-statusline: #16161e; */
+/*     --bg-visual: #283457; */
+/*     --black: #15161e; */
+/*     --blue: #7aa2f7; */
+/*     --blue0: #3d59a1; */
+/*     --blue1: #2ac3de; */
+/*     --blue2: #0db9d7; */
+/*     --blue5: #89ddff; */
+/*     --blue6: #b4f9f8; */
+/*     --blue7: #394b70; */
+/*     --border: #15161e; */
+/*     --border-highlight: #27a1b9; */
+/*     --comment: #565f89; */
+/*     --cyan: #7dcfff; */
+/*     --dark3: #545c7e; */
+/*     --dark5: #737aa2; */
+/*     --delta-add: #2c5a66; */
+/*     --delta-delete: #713137; */
+/*     --diff-add: #20303b; */
+/*     --diff-change: #1f2231; */
+/*     --diff-delete: #37222c; */
+/*     --diff-text: #394b70; */
+/*     --error: #db4b4b; */
+/*     --fg: #c0caf5; */
+/*     --fg-dark: #a9b1d6; */
+/*     --fg-float: #c0caf5; */
+/*     --fg-gutter: #3b4261; */
+/*     --fg-sidebar: #a9b1d6; */
+/*     --git-add: #449dab; */
+/*     --git-change: #6183bb; */
+/*     --git-delete: #914c54; */
+/*     --git-ignore: #545c7e; */
+/*     --gitSigns-add: #266d6a; */
+/*     --gitSigns-change: #536c9e; */
+/*     --gitSigns-delete: #b2555b; */
+/*     --green: #9ece6a; */
+/*     --green1: #73daca; */
+/*     --green2: #41a6b5; */
+/*     --hint: #1abc9c; */
+/*     --info: #0db9d7; */
+/*     --magenta: #bb9af7; */
+/*     --magenta2: #ff007c; */
+/*     --orange: #ff9e64; */
+/*     --purple: #9d7cd8; */
+/*     --red: #f7768e; */
+/*     --red1: #db4b4b; */
+/*     --teal: #1abc9c; */
+/*     --terminal-black: #414868; */
+/*     --warning: #e0af68; */
+/*     --yellow: #e0af68; */
+/* } */
+
+label {
+    color: #c0caf5;
+    font-family: "JetBrainsMono NF";
+    margin: 0 10px;
+    font-weight: bold;
+}
+
+button {
+    font-weight: normal;
+    border: none;
+    box-shadow: none;
+    margin-bottom: -8px;
+    margin-top: -8px;
+    padding-right: 0;
+    padding-left: 0;
+}