Switch to waybar

.config/sway/config

@@ -33,10 +33,7 @@ client.placeholder      #000000 #0c0c0c #ffffff #000000   #0c0c0c
 client.background       #ffffff
 
 title_align center
-default_border pixel
+default_border none
-
-gaps inner 10
-gaps outer 20
 
 ### Output configuration
 #
@@ -218,20 +215,7 @@ bindsym $mod+r mode "resize"
 #
 # Read `man 5 sway-bar` for more information about this section.
 bar {
-    position bottom
+    swaybar_command waybar
-    height 34
-
-    # When the status_command prints a new line to stdout, swaybar updates.
-    # The default just shows the current date and time.
-    status_command while date +'%A, %b %d   %I:%M %p'; do sleep 1; done
-
-    colors {
-        background #1e2029
-        statusline #bd93f9
-        separator  #ff0000
-        focused_workspace  #181a23 #181a23 #bd93f9
-        inactive_workspace #1e2029 #1e2029 #373844
-    }
 }
 
 include /etc/sway/config.d/*

.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;
+}

install

@@ -43,6 +43,7 @@ install() {
     noto-fonts \
     nodejs \
     npm \
+    otf-font-awesome \
     pass \
     pass-otp \
     playerctl \
@@ -61,6 +62,7 @@ install() {
     tree \
     ttf-ubuntu-font-family \
     yt-dlp \
+    waybar \
     wf-recorder \
     wl-clipboard \
     zathura \