Separate date/time on angmar, add swatch beats

Amolith created

Change summary

dot_config/waybar/config.tmpl    | 46 ++++++++++++++++++++++++++++++---
dot_config/waybar/style.css.tmpl |  1 
2 files changed, 42 insertions(+), 5 deletions(-)

Detailed changes

dot_config/waybar/config → dot_config/waybar/config.tmpl 🔗 

@@ -1,9 +1,8 @@
 {
     "layer": "top", // Waybar at top layer
-    "height": 30, // Waybar height (to be removed for auto height)
     "spacing": 5,
     "modules-left": ["hyprland/workspaces", "hyprland/window"],
-    "modules-right": ["idle_inhibitor", "pulseaudio", "network", "cpu", "memory", "temperature", "backlight",  "battery", "clock", "tray"],
+    "modules-right": ["idle_inhibitor", "pulseaudio", "network", "cpu", "memory", "temperature", "backlight",  "battery", {{ if eq .chezmoi.hostname "angmar" }}"clock#date", {{ end }}"clock#all", "custom/beats", "tray"],
     "hyprland/workspaces": {
         "disable-scroll": true,
         "all-outputs": true,
@@ -23,10 +22,47 @@
         // "icon-size": 21,
         "spacing": 10
     },
-    "clock": {
-        "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
+    "clock#date": {
+        "format": "{:%Y-%m-%d} 󰃭",
+        "tooltip-format": "<tt><small>{calendar}</small></tt>",
+        "calendar": {
+            "mode": "year",
+            "mode-mon-col": 3,
+            "on-scroll": 1,
+            "on-click-right": "mode",
+            "format": {
+                "months": "<span color='#ffead3'><b>{}</b></span>",
+                "days": "<span color='#ecc6d9'><b>{}</b></span>",
+                "weeks": "<span color='#99ffdd'><b>W{}</b></span>",
+                "weekdays": "<span color='#ffcc66'><b>{}</b></span>",
+                "today": "<span color='#ff6699'><b><u>{}</u></b></span>"
+            }
+        },
+    },
+    "clock#all": {
         "format": "{:%H:%M} ",
-        "format-alt": "{:%Y-%m-%d} 󰃭"
+        "format-alt": "{:%Y-%m-%d} 󰃭",
+        "tooltip-format": "<tt><small>{calendar}</small></tt>",
+        "calendar": {
+            "mode": "year",
+            "mode-mon-col": 3,
+            "on-scroll": 1,
+            "on-click-right": "mode",
+            "format": {
+                "months": "<span color='#ffead3'><b>{}</b></span>",
+                "days": "<span color='#ecc6d9'><b>{}</b></span>",
+                "weeks": "<span color='#99ffdd'><b>W{}</b></span>",
+                "weekdays": "<span color='#ffcc66'><b>{}</b></span>",
+                "today": "<span color='#ff6699'><b><u>{}</u></b></span>"
+            }
+        },
+    },
+    "custom/beats": {
+        "exec-if": "/usr/bin/swatchtime",
+        "exec": "echo \"@`swatchtime -f {Beat}`\"",
+        "return-type": "",
+        "interval": 0.5,
+        "format": "{} 󱇼"
     },
     "cpu": {
         "format": "{usage}% ",