add mango display manager

config/waybar/config.jsonc

@@ -9,6 +9,7 @@
   "reload_style_on_change": true,
   "modules-left": [
     "niri/workspaces",
+    "ext/workspaces",
     "custom/media"
   ],
   "modules-center": [],
@@ -79,6 +80,13 @@
       "default": ""
     }
   },
+  "ext/workspaces": {
+    "format": "{icon}",
+    "ignore-hidden": true,
+    "on-click": "activate",
+    "on-click-right": "deactivate",
+    "sort-by-id": true
+  },
   "idle_inhibitor": {
     "format": "{icon}",
     "format-icons": {

config/waybar/style.css

@@ -83,7 +83,11 @@ button:hover {
 #workspaces button {
     padding: 0 5px;
     background-color: transparent;
-    /*color: #ffffff;*/
+    color: @content_main;
+}
+
+#workspaces button.active {
+    background-color: @alternate1;
 }
 
 #workspaces button:hover {