feat: further improvement of waybar :D

waybar/config_bottom.jsonc

@@ -52,6 +52,7 @@
         "tooltip-format": "{title}",
         "on-click": "activate",
         "on-click-middle": "close",
+        "active-first": false,
         "ignore-list": [
             "Alacritty"
         ],
@@ -66,7 +67,7 @@
     },
     "cpu": {
         "format": "{icon}",
-        "tooltip": false,
+        "tooltip": true,
         "interval": 3,
         "format-icons": [
           "󰄰", "󰪞", "󰪟", "󰪠", "󰪡", "󰪢", "󰪣", "󰪤", "󰪥"
@@ -91,7 +92,9 @@
             "s3": 50,
             "s4": 60,
             "s4": 70
-        }
+        },
+        "tooltip-format": "{used:0.1f}GiB used",
+        "tooltip": true
     },
     "temperature": {
         "format": "{icon}",
@@ -118,7 +121,7 @@
         },
         "tooltip-format": "MPD (connected)",
         "tooltip-format-disconnected": "MPD (disconnected)",
-        "format-stopped": "",
+        "format-stopped": "Stopping player...",
         "on-click": "mpc toggle --password kapuchinamusica"
     },
         "custom/pomodoro": {

waybar/config_top.jsonc

@@ -47,14 +47,14 @@
         ],
         "format": "{icon}",
         "format-icons": {
-            "1": "󱐡",
+            "1": "󰆋",
-            "2": "󰰫",
+            "2": "",
-            "3": "󰛿",
+            "3": "󰄫",
-            "4": "󱑤",
+            "4": "󰅡",
             "5": "󰲨",
             "6": "󰲪",
-            "7": "󰥱",
+            "7": "󰓓",
-            "8": "󰷸",
+            "8": "",
             "9": "󱡝",
             "10": "󰥱",
             "11": "",
@@ -65,7 +65,7 @@
     "mpd": {
         "password": "kapuchinamusica",
         "artist-len": 30,
-        "title-len": 31,
+        "title-len": 50,
         "unknown-tag": "n/a",
         "format": "{stateIcon} {titleSmart}",
         "interval": 1,
@@ -78,7 +78,7 @@
         },
         "tooltip-format": "MPD (connected)",
         "tooltip-format-disconnected": "MPD (disconnected)",
-        "format-stopped": "",
+        "format-stopped": " Stopping player...",
         "on-click": "mpc toggle --password kapuchinamusica"
     },
     "clock": {

waybar/style/style_bottom.css

@@ -108,22 +108,22 @@ window#waybar.chromium {
    TASKBAR
    -------------------------------------------------------------------------- */
 #taskbar {
-    padding-left: 0;
+    padding-right: 0;
 }
 
 #taskbar button {
-    padding: 0;
+    padding: 0 5px;
-    min-height: 30px;
+    min-height: 20px;
-    min-width: 40px;
+    min-width: 20px;
 }
 
 #taskbar image {
-    min-width: 40px;
+    min-width: 20px;
     min-height: 20px;
 }
 
 #taskbar.empty {
-    padding-right: 0;
+    padding: 0;
 }
 
 /* --------------------------------------------------------------------------
@@ -245,7 +245,7 @@ window#waybar.chromium {
 /* MPD STATES */
 #mpd {
   font-weight: 700;
-  transition: color 2s, background 2s;
+  transition: color 2s, background 2s, border-color 2s;
 }
 
 #mpd.playing {
@@ -255,6 +255,7 @@ window#waybar.chromium {
 #mpd.stopped {
   color: transparent;
   background: transparent;
+  border-color: transparent;
 }
 
 #mpd.paused {

waybar/style/style_top.css

@@ -102,7 +102,7 @@ window#waybar.chromium {
 /* --------------------------------------------------------------------------
    SIDE PANEL GROUPS
    -------------------------------------------------------------------------- */
-.modules-left, .modules-center, .modules-right {
+#mpd, .modules-center, .modules-right {
   /* Layout & Box Model */
   border: 1px solid @border-color;
   border-radius: 12px;
@@ -192,6 +192,8 @@ window#waybar.chromium {
 #mpd.stopped {
   color: transparent;
   background: transparent;
+  border-color: transparent;
+  transition: color 2s, background 2s;
 }
 
 #mpd.paused {