add Mac OS 9 inspired styling to waybar

again, colors from https://github.com/B00merang-Project/Mac-OS-9.git
separator icon from https://github.com/BlissThatMiss/MacOSthemes.git

BUG: now the waybar glitches out when plugging in / unplugging
external monitor. Maybe it's the use of the image? Or maybe it will
fix itself with an update.

The absolute path to the sparator image is quite ugly, but I couldn't
figure out another way to do it.

1 files changed, 37 insertions, 63 deletions

diff --git a/dot-config/waybar/config.jsonc b/dot-config/waybar/config.jsonc
index 30fc841..a7a8f5b 100644
--- a/dot-config/waybar/config.jsonc
+++ b/dot-config/waybar/config.jsonc
@@ -1,47 +1,43 @@
 {
-    // "layer": "top", // Waybar at top layer
-     "position": "bottom", // Waybar position (top|bottom|left|right)
-     "height": 22, // Waybar height (to be removed for auto height)
+     "position": "top", // Waybar position (top|bottom|left|right)
+     // "height": 22, // Waybar height (to be removed for auto height)
     // "width": 1280, // Waybar width
-    "spacing": 20, // Gaps between modules
-    // Choose the order of the modules
+    // "spacing": 20, // Gaps between modules (I turned it off in favor of spacing in CSS)
+
     "modules-left": [
-        "sway/workspaces",
-        "sway/mode",
-        "sway/scratchpad",
-        "niri/workspaces"
-    ],
-    "modules-center": [
-        "clock"
+        "custom/archicon",
+        "niri/workspaces",
+	"niri/window",
     ],
+    "modules-center": [],
     "modules-right": [
-        "battery",
         "network",
         "pulseaudio",
-        "group/hardware",
+        "battery",
+	"image#separator",
+        "clock",
         "custom/swaync",
     ],
-    "group/hardware": {
-        "orientation": "inherit",
-        "modules": [
-          "cpu",
-          "memory",
-          "temperature"
-        ],
-    },
 
+  "custom/archicon": {
+    "format": "󰣇",
+    "tooltip": false,
+  },
+  "niri/window": {
+    "format": "{app_id}",
+  },
   "custom/swaync": {
     "tooltip": false,
     "format": "{icon}",
     "format-icons": {
-      "notification": "<span foreground='red'><sup></sup></span>",
-      "none": "",
-      "dnd-notification": "<span foreground='red'><sup></sup></span>",
-      "dnd-none": "",
-      "inhibited-notification": "<span foreground='red'><sup></sup></span>",
-      "inhibited-none": "",
-      "dnd-inhibited-notification": "<span foreground='red'><sup></sup></span>",
-      "dnd-inhibited-none": ""
+      "notification": "<span foreground='red'></span>",
+      "none": "",
+      "dnd-notification": "󰤄<span foreground='red'></span>",
+      "dnd-none": "󰤄",
+      "inhibited-notification": "<span foreground='red'></span>",
+      "inhibited-none": "",
+      "dnd-inhibited-notification": "󰤄<span foreground='red'></span>",
+      "dnd-inhibited-none": "󰤄"
     },
     "return-type": "json",
     "exec-if": "which swaync-client",
@@ -51,56 +47,34 @@
     "escape": true
     },
 
-    "sway/mode": {
-        "format": "<span style=\"italic\">{}</span>"
-    },
-    "sway/scratchpad": {
-        "format": "{icon} {count}",
-        "show-empty": false,
-        "format-icons": ["", ""],
-        "tooltip": true,
-        "tooltip-format": "{app}: {title}"
+    "image#separator": {
+      "path": "/home/jose/.config/waybar/assets/panel-separator.png",
     },
+
     "clock": {
         // "timezone": "America/New_York",
         "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
         "format": "{:%a %b %d  %r}",
         "interval": 1,
     },
-    "cpu": {
-        "format": "&#8201;{usage}%",
-    },
-    "memory": {
-        "format": "&#8201;{}%"
-    },
-    "temperature": {
-        // "thermal-zone": 2,
-        // "hwmon-path": "/sys/class/hwmon/hwmon2/temp1_input",
-        "critical-threshold": 80,
-        // "format-critical": "{temperatureC}°C {icon}",
-        "format": "{icon}&#8201;{temperatureC}°C",
-        "format-icons": ["", "", ""]
-    },
     "battery": {
         "states": {
-            // "good": 95,
             "warning": 30,
             "critical": 15
         },
         "format": "{capacity}%&#8201;{icon}",
-        "format-full": "{capacity}%&#8201;{icon}",
         "format-charging": "{capacity}%&#8201;",
-        "format-plugged": "{capacity}%&#8201;",
+        "format-plugged": "{capacity}%&#8201;",
         "format-alt": "{time} {icon}",
-        // "format-good": "", // An empty format will hide the module
-        // "format-full": "",
-        "format-icons": ["", "", "", "", ""],
+        // "format-full": "", we're never full, we're capped at 80.
+        "format-icons": ["󰂎", "󰁼", "󰁿", "󰂀", "󰁹"],
     },
     "network": {
         // "interface": "wlp2*", // (Optional) To force the use of this interface
-        "format-wifi": "&#8201;{essid}:{signalStrength}%",
+        "format-wifi": "{icon}&#8201;{essid}",
+	"format-icons": ["󰤟", "󰤢", "󰤥", "󰤨"],
         "format-ethernet": "&#8201;{ipaddr}/{cidr}",
-        "tooltip-format": "{ifname} via {gwaddr} ",
+        "tooltip-format": "{ifname} via {gwaddr}/{cidr}\ni am {ipaddr}/{cidr}\n{signalStrength}% strength at {bandwidthUpBytes} up and {bandwidthDownBytes} down",
         "format-linked": "&#8201;{ifname}:No IP",
         "format-disconnected": "⚠&#8201;Disconnected",
         "format-alt": "{ifname}={ipaddr}/{cidr}"
@@ -109,8 +83,8 @@
         // "scroll-step": 1, // %, can be a float
         "format": "{icon}{volume}% {format_source}",
         "format-bluetooth": "{icon}{volume}% {format_source}",
-        "format-bluetooth-muted": "{icon}  {format_source}",
-        "format-muted": " {format_source}",
+        "format-bluetooth-muted": "{icon}  {format_source}",
+        "format-muted": " {format_source}",
         "format-source": "{volume}%",
         "format-source-muted": "",
         "format-icons": {