mango config with waybar

mango/.config/waybar/config

@@ -0,0 +1,20 @@
+{
+  "modules-left": [
+    "ext/workspaces",
+    "dwl/window"
+  ],
+  "modules-right": [
+      "tray",
+      "clock"
+  ],
+  "ext/workspaces": {
+    "format": "{icon}",
+    "ignore-hidden": true,
+    "on-click": "activate",
+    "on-click-right": "deactivate",
+    "sort-by-id": true
+  },
+  "dwl/window": {
+    "format": "[{layout}] {title}"
+  }
+}

mango/.config/waybar/dark.css

@@ -0,0 +1,12 @@
+* {
+    background-color: #282e38;
+    color: #a29e98;
+}
+
+#workspaces button.active {
+    border-bottom: 3px solid #04785d;
+}
+
+#workspaces button.urgent {
+    border-bottom: 3px solid #c37583;
+}

mango/.config/waybar/light.css

@@ -0,0 +1,12 @@
+* {
+    background-color: #f6ede0;
+    color: #696257;
+}
+
+#workspaces button.active {
+    border-bottom: 3px solid #278a6e;
+}
+
+#workspaces button.urgent {
+    border-bottom: 3px solid #d0818f;
+}

mango/.config/waybar/style.css

@@ -0,0 +1,25 @@
+@import url("file:///home/lupan/.config/waybar/dark.css");
+
+* {
+    font-family: HurmitNerdFont;
+    font-size: 12px;
+}
+
+#workspaces {
+    padding: 0 0.5rem;
+}
+
+#workspaces button {
+    padding: 0 3px;
+    border-radius: 0;
+    border-bottom: 3px solid transparent;
+}
+
+#window {
+    border-bottom: 3px solid transparent;
+}
+
+#clock {
+    padding: 0 0.5rem;
+    border-bottom: 3px solid transparent;
+}