update waybar

1. formatted with jq
2. update colors and margins
3. remove useless code and sort entries

.config/sway/config

@@ -1,9 +1,13 @@
+output * bg $(find ~/Pictures/Wallpapers/serenade/ -type f | shuf -n1) fill
+
+bar swaybar_command waybar
+
 set $mod Mod4
 set $left h
 set $down j
 set $up k
 set $right l
-set $term kitty
+set $term kitty -1
 set $menu wofi | xargs swaymsg exec --
 
 ###CUSTOMIZATION START###
@@ -162,7 +166,4 @@ bindsym $mod+z focus child
 bindsym $mod+Shift+0 move scratchpad
 bindsym $mod+0 scratchpad show
 
-bar swaybar_command waybar
-
-output * bg $(find ~/Pictures/Wallpapers/serenade/ -type f | shuf -n1) fill
 include /etc/sway/config.d/*

.config/waybar/config

@@ -1,15 +1,32 @@
 {
-	"layer": "top", // Waybar at top layer
-		"height": 24, // Waybar height (to be removed for auto height)
-		"modules-left": ["sway/workspaces"],
-		"modules-center": ["sway/window"],
-		"modules-right": ["custom/notification","tray","custom/player","network","battery","clock"],
+  "layer": "top",
+  "height": 30,
+  "modules-left": [
+    "sway/workspaces"
+  ],
+  "modules-center": [
+    "sway/window"
+  ],
+  "modules-right": [
+    "tray",
+    "custom/notification",
+    "custom/player",
+    "network",
+    "battery",
+    "clock"
+  ],
+  "sway/window": {
+    "max-length": 50
+  },
   "tray": {
     "spacing": 10
   },
-		"clock": {
-			"tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
-			"format-alt": "{:%Y-%m-%d}"
+  "network": {
+    "format-wifi": "  {essid} ({signalStrength}%)",
+    "format-ethernet": "  {ifname}: {ipaddr}/{cidr}",
+    "format-linked": "  {ifname} (No IP)",
+    "format-disconnected": "  Disconnected",
+    "format-alt": "{ifname}: {ipaddr}/{cidr}"
   },
   "battery": {
     "states": {
@@ -17,21 +34,21 @@
       "warning": 30,
       "critical": 15
     },
-			"format": "{capacity}% {icon}",
-			"format-charging": "{capacity}% ",
-			"format-plugged": "{capacity}% ",
-			"format-alt": "{time} {icon}",
-			"format-icons": ["", "", "", "", ""]
+    "format": "{icon} {capacity}%",
+    "format-charging": "  {capacity}%",
+    "format-plugged": "  {capacity}%",
+    "format-alt": "{icon} {time}",
+    "format-icons": [
+      "",
+      "",
+      "",
+      "",
+      ""
+    ]
   },
-		"battery#bat2": {
-			"bat": "BAT2"
-		},
-		"network": {
-			"format-wifi": "{essid} ({signalStrength}%) ",
-			"format-ethernet": "{ifname}: {ipaddr}/{cidr} ",
-			"format-linked": "{ifname} (No IP) ",
-			"format-disconnected": "Disconnected ",
-			"format-alt": "{ifname}: {ipaddr}/{cidr}"
+  "clock": {
+    "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
+    "format-alt": "{:%Y-%m-%d}"
   },
   "custom/notification": {
     "tooltip": false,
@@ -50,9 +67,14 @@
     "escape": true
   },
   "custom/player": {
-			"escape": true,
-			"exec": "playerctl metadata --format '{{uc(playerName)}}: {{ artist }} - {{ album }} - {{ title }} {{emoji(status)}}'	| cut -c -48 || echo 'Stopped  '",
-			"interval": 15,
+    "format": "{icon} {}",
+    "format-icons": {
+      "Playing": " ",
+      "Paused": " "
+    },
+    "return-type": "json",
+    "exec": "playerctl -a metadata --format '{\"text\": \"{{uc(playerName)}}: {{artist}} - {{markup_escape(title)}}\", \"tooltip\": \"{{playerName}} : {{markup_escape(title)}}\", \"alt\": \"{{status}}\", \"class\": \"{{status}}\"}' -F",
+    "max-length": 35,
     "on-click": "playerctl play-pause && sleep 0.2 && notify-send `playerctl status` -t 1000"
   }
 }

.config/waybar/style.css

@@ -42,12 +42,12 @@ window#waybar {
 
 
 #clock {
-  background-color: @green;
+  background-color: @blue;
   color: @background;
 }
 
 #battery {
-  background-color: @yellow;
+  background-color: @aqua;
   color: @background;
 }
 
@@ -63,34 +63,6 @@ window#waybar {
   }
 }
 
-/* #idle_inhibitor, */
-/* #pulseaudio, */
-/* #custom-openvpn, */
-/* #network, */
-/* #cpu, */
-/* #memory, */
-/* #temperature, */
-/* #backlight, */
-/* #battery, */
-/* #clock, */
-/* #tray { */
-/*   padding: 0 6px; */
-/*   margin: 0 3px; */
-/* } */
-
-#clock,
-#battery,
-#network,
-#custom-notification,
-#custom-player {
-  padding: 0px 10px;
-  margin: 0px 5px;
-}
-
-#clock {
-  margin-right: 10px;
-}
-
 #battery.warning:not(.charging) {
   background: @red;
   color: @white_b;
@@ -100,3 +72,17 @@ window#waybar {
   animation-iteration-count: infinite;
   animation-direction: alternate;
 }
+
+#clock,
+#battery,
+#network,
+#custom-notification,
+#tray,
+#custom-player {
+  padding: 0px 10px;
+  margin: 0px 5px;
+}
+
+#clock {
+  margin-right: 10px;
+}