Fix Waybar configuration

waybar/.config/waybar/config.jsonc

@@ -1,12 +1,9 @@
 {
-  "layer": "top", // Waybar at top layer
-  "position": "top", // Waybar position (top|bottom|left|right)
-  // "width": 1280, // Waybar width
-  // Choose the order of the modules
+  "layer": "top",           // Waybar at top layer
+  "position": "top",        // Waybar position (top|bottom|left|right)
   "modules-left": [
-    "hyprland/workspaces",
-    "hyprland/window",
-    "sway/workspaces"
+    "sway/workspaces",
+    "sway/window"
   ],
   "modules-center": [
     "clock"
@@ -18,7 +15,7 @@
     "battery",
     "custom/power"
   ],
-  "hyprland/workspaces": {
+  "sway/workspaces": {
     "disable-scroll": true,
     "disable-markup": false,
     "all-outputs": true,
@@ -35,7 +32,7 @@
       "active": "",
       "default": ""
     },
-    "persistent-workspaces": {
+  "persistent-workspaces": {
       "1": [
         "HDMI-A-1"
       ],
@@ -68,55 +65,9 @@
       ]
     }
   },
-  "sway/workspaces": {
-    "disable-scroll": true,
-    "disable-markup": false,
-    "all-outputs": true,
-    "format": " {icon} ",
-    "on-click": "activate",
-    "sort-by-number": true,
-    "format-icons": {
-      "1": "",
-      "2": "",
-      "3": "",
-      "4": "",
-      "5": "",
-      "urgent": "",
-      "active": "",
-      "default": ""
-    },
-    "persistent-workspaces": {
-      "1": [
-        "HDMI-A-1"
-      ],
-      "2": [
-        "HDMI-A-1"
-      ],
-      "3": [
-        "HDMI-A-1"
-      ],
-      "4": [
-        "HDMI-A-1"
-      ],
-      "5": [
-        "HDMI-A-1"
-      ],
-      "6": [
-        "HDMI-A-1"
-      ],
-      "7": [
-        "HDMI-A-1"
-      ],
-      "8": [
-        "HDMI-A-1"
-      ],
-      "9": [
-        "HDMI-A-1"
-      ],
-      "10": [
-        "eDP-1"
-      ]
-    }
+  "sway/window": {
+    "format": "<span>{}</span>",
+    "max-length": 50
   },
   "tray": {
     "icon-size": 24,

waybar/.config/waybar/style.css

@@ -2,14 +2,14 @@
 
 * {
   font-family: FiraCode Nerd Font;
-  font-size: 17px;
+  font-size: 12px;
   min-height: 0;
 }
 
 #waybar {
-  background: transparent;
+  /*background: transparent;*/
   color: @text;
-  margin: 5px 5px;
+  /*margin: 5px 5px;*/
 }
 
 #workspaces {
@@ -50,7 +50,6 @@
 }
 
 #clock {
-  color: @blue;
   border-radius: 0px 1rem 1rem 0px;
   margin-right: 1rem;
 }
@@ -101,3 +100,8 @@
   margin-right: 1rem;
   border-radius: 1rem;
 }
+
+window#waybar {
+  background-color: shade(@base, 0.9);
+  border: 2px solid alpha(@crust, 0.3);
+}