feat(waybar): made cards blurred and updated some icons and fonts

.config/hypr/windows_rules.conf

@@ -57,3 +57,7 @@ windowrule = nofocus, class: ^(MATLAB [\w\d]* - academic use)$, title: ^(Default
 # Rofi blur
 layerrule = blur, rofi
 layerrule = ignorezero,rofi
+
+# Waybar blur
+layerrule = blur, waybar
+layerrule = ignorezero,waybar

.config/waybar/config

@@ -16,7 +16,7 @@
     //"modules-right": ["tray", "pulseaudio", "network", "cpu", "memory", "temperature", "backlight", "keyboard-state", "sway/language", "battery", "clock", "custom/power"],
     // Modules configuration
     "idle_inhibitor": {
-        "format": "{icon}",
+        "format": "<span size='medium'>{icon} </span>",
         "format-icons": {
             "activated": "",
             "deactivated": ""
@@ -42,11 +42,11 @@
         },
     },
     "cpu": {
-        "format": "{usage}% ",
+        "format": "{usage}% <span size='medium'> </span>",
         "tooltip": false
     },
     "memory": {
-        "format": "{}% ",
+        "format": "{}% <span size='medium'> </span>",
 					"states": {
 						"warning": 80,
 						"critical": 90
@@ -80,19 +80,19 @@
         "format-icons": ["", "", "", "", ""]
     },
     "network": {
-        "format-wifi": "{essid} ({signalStrength}%) ",
-        "format-ethernet": "{ipaddr}/{cidr} ",
-        "tooltip-format": "{ifname} via {gwaddr} ",
-        "format-linked": "{ifname} (No IP) ",
-        "format-disconnected": "Disconnected ⚠",
+        "format-wifi": "{essid} ({signalStrength}%) <span size='large'></span> ",
+        "format-ethernet": "Wired <span size='large'></span>",
+        "tooltip-format": "{ifname} via {gwaddr}",
+        "format-linked": "{ifname} (No IP) <span size='large'>󰥗</span>",
+        "format-disconnected": "Disconnected <span size='large'>󰅤 </span>",
         "format-alt": "{ifname}: {ipaddr}/{cidr}",
     },
     "pulseaudio": {
         // "scroll-step": 1, // %, can be a float
-        "format": "{volume}% {icon}",
+        "format": "{volume}% <span size='medium'>{icon} </span>",
         "format-bluetooth": "{volume}% ",
         "format-bluetooth-muted": "",
-        "format-muted": " ",
+        "format-muted": "ﴓ",
         "format-source": "{volume}% ",
         "format-source-muted": "",
         "format-icons": {
@@ -102,7 +102,7 @@
             "phone": "",
             "portable": "",
             "car": "",
-            "default": [" ", " ", "  "]
+            "default": ["", "", "", ""]
         },
         "on-click": "pavucontrol"
     },

.config/waybar/style.css

@@ -1,7 +1,8 @@
 * {
     /* `otf-font-awesome` is required to be installed for icons */
-    font-family: JetBrains Mono Nerd;
-    font-size: 0.85rem;
+    /*font-family: JetBrains Mono Nerd;*/
+    font-family: JetBrainsMono NF;
+    font-size: 0.875rem;
 }
 
 window#waybar {
@@ -89,10 +90,10 @@ button:hover {
 #idle_inhibitor,
 #scratchpad,
 #mpd {
-    border: 2px solid transparent;
-    border-radius: 10px;
+    border: 0px solid transparent;
+    border-radius: 1em;
     color: #ffffff;
-    padding: 0 0.625rem;
+    padding: 0 0.875em;
     background-color: rgba(80, 80, 80, 0.5);
 }
 
@@ -167,11 +168,11 @@ label:focus {
 }
 
 #memory.warning {
-    background-color: #ffa000;
+    background-color: alpha(#ffa000, 0.6);
 }
 
 #memory.critical {
-    background-color: #f53c3c;
+    background-color: alpha(#f53c3c, 0.6);
 }
 
 #disk {