Update

.config/waybar/config

@@ -3,16 +3,15 @@
     "position": "top", // Waybar position (top|bottom|left|right)
     // "width": 1280, // Waybar width
     // Choose the order of the modules
-    "modules-left": ["sway/workspaces"],
-    "modules-center": ["pulseaudio", "clock"],
+    "modules-left": ["sway/workspaces", "pulseaudio", "clock"],
     "modules-right": ["tray", "memory", "battery", "custom/power"],
     "sway/workspaces": {
          "disable-scroll": true,
          "sort-by-name": true,
          "format": " {index} {icon} ",
          "format-icons": {
-             "default": "○",
-             "focused": "◉",
+             "default": "◇",
+             "focused": "◈",
          },
      },
     "tray": {

.config/waybar/style.css

@@ -3,35 +3,26 @@
 * {
   font-family: JetBrainsMono Nerd Font;
   min-height: 0;
+  padding: 0;
 }
 
 #waybar {
-  background: transparent;
+  background-color: @base;
   color: @text;
-  margin: 5px 5px;
 }
 
 #workspaces {
-  border-radius: 1rem;
-  margin: 5px;
-  background-color: @surface0;
-  margin-left: 1rem;
+  background-color: @red;
 }
 
 #workspaces button {
-  color: @lavender;
-  border-radius: 1rem;
-  padding: 0.4rem;
+  color: @crust;
+  border: 0;
+  transition-duration: 0;
 }
 
 #workspaces button.active {
   color: @sky;
-  border-radius: 1rem;
-}
-
-#workspaces button:hover {
-  color: @sapphire;
-  border-radius: 1rem;
 }
 
 #custom-music,
@@ -44,12 +35,10 @@
 #custom-power {
   background-color: @surface0;
   padding: 0.5rem 1rem;
-  margin: 5px 0;
 }
 
 #clock {
   color: @blue;
-  border-radius: 0px 1rem 1rem 0px;
   margin-right: 1rem;
 }
 
@@ -70,12 +59,11 @@
 }
 
 #backlight, #battery {
-    border-radius: 0;
+  border-radius: 0;
 }
 
 #pulseaudio {
   color: @maroon;
-  border-radius: 1rem 0px 0px 1rem;
   margin-left: 1rem;
 }
 
@@ -85,17 +73,14 @@
 }
 
 #custom-lock {
-    border-radius: 1rem 0px 0px 1rem;
-    color: @lavender;
+  color: @lavender;
 }
 
 #custom-power {
-    margin-right: 1rem;
-    border-radius: 0px 1rem 1rem 0px;
-    color: @red;
+  background-color: @red;
+  color: @crust;
 }
 
 #tray {
   margin-right: 1rem;
-  border-radius: 1rem;
 }