chore(waybar): update config

waybar/config.jsonc

@@ -10,16 +10,27 @@
 		"custom/pacman",
 		"custom/recorder",
 		"privacy",
-		"memory",
+		"group/system",
-		"disk",
+		"group/misc",
-		"pulseaudio",
+		"group/connections",
-		"pulseaudio#microphone",
+		"custom/power"
-		"backlight",
-		"battery",
-		"bluetooth",
-		"network"
 	],
 
+	"group/system": {
+		"orientation": "inherit",
+		"modules": ["memory", "disk"]
+	},
+
+	"group/misc": {
+		"orientation": "inherit",
+		"modules": ["pulseaudio", "pulseaudio#microphone", "backlight", "battery"]
+	},
+
+	"group/connections": {
+		"orientation": "inherit",
+		"modules": ["bluetooth", "network"]
+	},
+
 	"sway/workspaces": {
 		"format": "{name}  {icon}",
 		"disable-scroll": true,
@@ -37,8 +48,8 @@
 	"clock": {
 		"tooltip": true,
 		"timezones": ["Europe/Rome"],
-		"format": "{:%H:%M}",
+		"format": "{:%a %d %H:%M}",
-		"format-alt": "{:%Y-%m-%d}",
+		"format-alt": "{%H:%M}",
 		"tooltip-format": "{calendar}",
 		"calendar": {
 			"mode": "year",
@@ -69,7 +80,7 @@
 	},
 
 	"custom/pacman": {
-		"tooltip": false,
+		"tooltip": true,
 		"format": "{} ",
 		"interval": 60,
 		"exec": "checkupdates | wc -l",
@@ -86,6 +97,12 @@
 		"exec-if": "pgrep wf-recorder"
 	},
 
+	"custom/power": {
+		"format": "⏻",
+		"on-click": "wlogout",
+		"tooltip": "Power options"
+	},
+
 	"privacy": {
 		"icon-spacing": 4,
 		"icon-size": 18,
@@ -167,18 +184,18 @@
 	"memory": {
 		"interval": 3,
 		"tooltip": true,
-		"format": "{used}GiB ",
+		"format": "{used:0.2f}GiB ",
-		"tooltip-format": "{used}GiB used out of {total}GiB ({percentage}%)",
+		"tooltip-format": "{used:0.2f}GiB used out of {total}GiB ({percentage}%)"
-		"max-length": 10
 	},
 
 	"bluetooth": {
 		"tooltip": true,
-		"format": "{status} 󰂯",
+		"format": "󰂯",
-		"format-disabled": "{status} 󰂲",
+		"format-disabled": "󰂲",
 		"format-connected": "{device_alias} 󰂯",
 		"format-connected-battery": "{device_alias} 󰂯 {device_battery_percentage}%",
 		"tooltip-format": "{controller_alias}\t{controller_address}\n\n{num_connections} connected",
+		"tooltip-format-disabled": "Disabled",
 		"on-click": "blueman-manager"
 	},
 
@@ -187,12 +204,12 @@
 		"tooltip": true,
 		"format": "{ifname}",
 		"format-disconnected": "󰖪",
-		"format-wifi": "{essid} 󰖩",
+		"format-wifi": "󰖩",
-		"format-ethernet": "{essid} 󰈀",
+		"format-ethernet": "󰈀",
 		"tooltip-format": "{ifname} via {gwaddr} 󰈀",
-		"tooltip-format-wifi": "{ipaddr} on {ifname} via {essid} ",
+		"tooltip-format-wifi": "{ipaddr} ({ifname}) via {essid} ",
-		"tooltip-format-ethernet": "{ipaddr} on {ifname} via {essid} 󰈀",
+		"tooltip-format-ethernet": "{ipaddr} ({ifname}) via {essid} 󰈀",
-		"tooltip-format-disconnected": "󰖪",
+		"tooltip-format-disconnected": "Disconnected",
 		"max-length": 50,
 		"on-click": "nm-connection-editor"
 	}

waybar/style.css

@@ -10,10 +10,6 @@
 	background-color: transparent;
 }
 
-#waybar.hidden {
-	opacity: 0.2;
-}
-
 tooltip {
 	background-color: #383c4a;
 	border-radius: 10px;
@@ -23,59 +19,60 @@ tooltip label {
 	color: white;
 }
 
+#connections {
+	border-radius: 10px;
+	background-color: #383c4a;
+	color: #ffffff;
+	margin-left: 8px;
+	padding-left: 8px;
+	padding-right: 8px;
+}
+
+#misc {
+	border-radius: 10px;
+	background-color: #383c4a;
+	color: #ffffff;
+	margin-left: 8px;
+	padding-left: 8px;
+	padding-right: 8px;
+}
+
+#system {
+	border-radius: 10px;
+	background-color: #383c4a;
+	color: #ffffff;
+	margin-left: 8px;
+	padding-left: 8px;
+	padding-right: 8px;
+}
+
+#custom-pacman,
+#custom-recorder,
+#mode,
+#clock,
+#workspaces,
+#custom-recorder,
+#custom-power,
+#privacy {
+	border-radius: 10px;
+	background-color: #383c4a;
+	color: #ffffff;
+}
+
+#custom-pacman,
+#custom-recorder,
+#mode,
+#custom-power,
+#privacy {
+	margin-left: 8px;
+}
+
 #custom-pacman,
 #custom-recorder,
 #mode,
 #clock,
-#battery,
-#disk,
 #privacy,
-#memory,
+#custom-power,
-#bluetooth,
-#network {
-	transition: none;
-	border-radius: 10px;
-	background-color: #383c4a;
-	color: #ffffff;
-	padding-top: 4px;
-	padding-bottom: 4px;
-	padding-left: 8px;
-	padding-right: 8px;
-	margin-right: 4px;
-	margin-left: 4px;
-}
-
-#backlight,
-#pulseaudio {
-	transition: none;
-	background-color: #383c4a;
-	color: #ffffff;
-	margin: 0px;
-}
-
-#pulseaudio:not(.microphone) {
-	margin-left: 4px;
-	border-radius: 10px 0 0 10px;
-	padding-right: 8px;
-	padding-left: 8px;
-}
-
-#backlight {
-	border-radius: 0 10px 10px 0;
-	padding-left: 8px;
-	padding-right: 8px;
-	margin-right: 4px;
-}
-
-#workspaces {
-	transition: none;
-	border-radius: 10px;
-	background-color: #383c4a;
-	color: #7c818c;
-	margin-right: 4px;
-	margin-left: 4px;
-}
-
 #workspaces button {
 	padding-top: 4px;
 	padding-bottom: 4px;
@@ -83,38 +80,23 @@ tooltip label {
 	padding-right: 8px;
 }
 
-#workspaces button:hover {
+#pulseaudio:not(.microphone),
-	border-radius: inherit;
+#pulseaudio.microphone,
-	background-color: #666768;
+#memory,
-}
+#backlight,
-
+#bluetooth {
-#bluetooth.connected,
+	padding-right: 8px;
-#bluetooth.on {
-	background-color: #26a65b;
-}
-
-#bluetooth.disabled,
-#bluetooth.off {
-	background-color: #f53c3c;
-}
-
-#idle_inhibitor.activated {
-	background-color: #26a65b;
 }
 
 #battery.charging {
-	color: #ffffff;
+	color: #32e47c;
-	background-color: #26a65b;
 }
 
 #battery.warning:not(.charging) {
-	background-color: #ffbe61;
+	color: #ffbe61;
-	color: black;
 }
 
 #battery.critical:not(.charging) {
-	background-color: #383c4a;
-	color: #ffffff;
 	animation-name: redblink;
 	animation-duration: 0.5s;
 	animation-timing-function: linear;
@@ -122,22 +104,17 @@ tooltip label {
 	animation-direction: alternate;
 }
 
-#network.wifi,
-#network.ethener {
-	background-color: #26a65b;
-}
-
-#network.disabled,
-#network.disconnected {
-	background-color: #f53c3c;
-}
-
 @keyframes redblink {
 	to {
-		background-color: #f53c3c;
+		color: #f53c3c;
 	}
 }
 
-#custom-recorder {
+#workspaces button:hover {
+	border-radius: inherit;
+	background-color: #666768;
+}
+
+#idle_inhibitor.activated {
 	background-color: #26a65b;
 }