Switch to waybar

.config/waybar/config

@@ -0,0 +1,54 @@
+{
+  "layer": "top",
+  "modules-left": [
+    "sway/mode",
+    "sway/workspaces",
+    "custom/right-arrow-light",
+    "sway/window",
+    "custom/right-arrow-dark"
+  ],
+  "modules-right": [
+    "pulseaudio",
+    "custom/left-arrow-dark",
+    "clock#date",
+    "custom/left-arrow-light",
+    "clock#time"
+  ],
+  "sway/workspaces": {
+    "current-only": true
+  },
+  "sway/window": {
+    "max-length": 50
+  },
+  "clock#date": {
+    "format": "{:%a %d, %b }",
+    "tooltip": false
+  },
+  "clock#time": {
+    "format": "{:%H:%M}",
+    "tooltip": false
+  },
+  "custom/left-arrow-dark": {
+    "format": "",
+    "tooltip": false
+  },
+  "custom/left-arrow-light": {
+    "format": "",
+    "tooltip": false
+  },
+  "custom/right-arrow-dark": {
+    "format": "",
+    "tooltip": false
+  },
+  "custom/right-arrow-light": {
+    "format": "",
+    "tooltip": false
+  },
+  "pulseaudio": {
+    "format": "{volume}% {icon}",
+    "format-muted": "",
+    "format-icons": {
+      "default": ["", ""]
+    }
+  }
+}

.config/waybar/style.css

@@ -0,0 +1,58 @@
+@define-color light #FFF;
+@define-color dark #333;
+
+* {
+  border: none;
+  border-radius: 0;
+  min-height: 0;
+  margin: 0;
+  padding: 0;
+}
+
+#waybar {
+  background: #000;
+  color: @light;
+  font-family: "Ubuntu Mono";
+  font-size: 14px;
+}
+
+#workspaces {
+  padding: 0 8px 0 8px;
+  background: @light;
+}
+
+#workspaces button {
+  color: #000;
+}
+
+#window {
+  background: @dark;
+  padding: 0 8px 0 8px;
+}
+
+#clock.date {
+  padding: 0 8px 0 8px;
+  background: @dark;
+  color: @light;
+}
+
+#clock.time {
+  padding: 0 8px 0 8px;
+  background: @light;
+  color: #000;
+}
+
+#custom-left-arrow-dark,
+#custom-right-arrow-dark {
+  color: @dark;
+}
+
+#custom-left-arrow-light,
+#custom-right-arrow-light {
+  color: @light;
+  background: @dark;
+}
+
+#pulseaudio {
+  padding: 0 8px 0 0px;
+}