Add network to waybar

laptop/.config/waybar/config

@@ -17,6 +17,7 @@
     "pulseaudio",
     "battery",
     "backlight",
+    "network",
     "clock",
     "custom/power",
     "custom/grimshot",
@@ -30,12 +31,15 @@
       "deactivated": ""
     }
   },
+  "network": {
+    "format": "{ipaddr} {essid} {signalStrength}% \uf1eb",
+  },
   "battery": {
     "states": {
       "warning": 30,
       "critical": 15
     },
-    "format": "{capacity}% {icon}",
+    "format": "{capacity}% {time} {icon}",
     "format-charging": "{capacity}% 󱐋",
     "format-plugged": "{capacity}% ",
     "format-icons": [

laptop/.config/waybar/style.css

@@ -15,6 +15,7 @@
 #idle_inhibitor,
 #pulseaudio,
 #backlight,
+#network,
 #mpris,
 #custom-power,
 #custom-grimshot,
@@ -125,6 +126,13 @@ window#waybar.empty #window {
     /* padding-right: 12px; */
 }
 
+#network {
+    background-color: @background;
+    color: #fff677;
+    border: 2px solid #fff677;
+
+}
+
 #battery {
     background-color: @background;
     color: #97c4ff;