waybar: more style changes

programs

@@ -7,7 +7,7 @@ ttf-roboto
 inter-font
 noto-fonts
 noto-fonts-emoji
-ttf-font-awesome
+ttf-nerd-fonts-symbols
 gsfonts
 git
 xwallpaper

src/dot_config/private_waybar/private_config

@@ -3,22 +3,26 @@
 	"reload_style_on_change": true,
 	"modules-left": ["niri/workspaces"],
 	"modules-center": ["niri/window"],
-	"modules-right": ["mpris", "pulseaudio", "network", "battery", "clock"],
+	"modules-right": ["pulseaudio", "network", "battery", "clock"],
 	"niri/window": {
 		 "max-length": 50
 	},
 	"niri/workspaces": {
 		"format": "{icon}",
 		"format-icons": {
-			"active": "",
-			"default": ""
+			"active": "󱓻",
+			"default": "󱓼"
 		}
 	},
 	"battery": {
 		 "format-full": "{icon}",
-		 "format": "<small>{capacity}%</small> {icon} ",
+		 "format": "{icon} <small> {capacity}%</small>",
+		 "format-charging": "󰂄 <small> {capacity}%</small>",
 		 "tooltip-format": "{capacity}%",
-		 "format-icons": ["", "", "", "", ""],
+		 "format-icons": {
+			 "default": ["󰁺", "󰁻", "󰁼", "󰁽", "󰁿", "󰂀", "󰂁", "󰂂", "󰁹"],
+			 "charging": ["󰢜", "󰂆", "󰂇", "󰂈", "󰢝", "󰂉", "󰢞", "󰂋", "󰂅"],
+		 },
 		 "states": {
 		 	"warning": 40,
 			"critical": 10,
@@ -30,9 +34,10 @@
 		"tooltip": true,
 	},
 	"network": {
-		"format-wifi": "",
+		"format-wifi": "{icon}",
+		 "format-icons": ["󰤯", "󰤟", "󰤢", "󰤥", "󰤨"],
 		"tooltip-format": "{essid} ({signalStrength}%)",
-		"format-disconnected": "⚠",
+		"format-disconnected": "󱡺",
 		"max-length": 20
 	},
 	"inhibitor": {
@@ -55,9 +60,9 @@
 	"pulseaudio": {
 		"format": "{icon}",
 		"tooltip-format": "{volume}%",
-		"format-muted": "",
+		"format-muted": "󰖁",
 		"format-icons": {
-			"default": ["", ""]
+			"default": ["󰕿", "󰖀", "󰕾"]
 		},
 	},
 }

src/dot_config/private_waybar/style.css

@@ -1,7 +1,7 @@
 @import url("file:///etc/xdg/waybar/style.css");
 
 * {
-	font-family: FontAwesome, Inter Display
+font-family: Symbols Nerd Font, Inter Display
 }
 
 .modules-left {
@@ -21,28 +21,34 @@
 	color: inherit;
 }
 
-/* icon fonts */
+/* icons */
 #network,
 #battery,
 #pulseaudio, #pulseaudio.muted, #pulseaudio:hover,
 #mpris {
-	font-size: 0.9em;
-}
-
-#mpris {
-	margin-right: .6em;
+	padding: 0.1em;
+	margin: 0.3em;
+	min-width: 1em;
 }
 
 #battery.warning:not(.charging) {
 	background-color: #99AABB;
 }
 
+#battery.charging {
+	background-color: inherit;
+}
+
+#network.disconnected {
+	background-color: inherit;
+}
+
 window#waybar.chromium {
 	background-color: rgba(43, 48, 59, 0.5);
 }
 
 #workspaces * {
-	font-size: 0.8em;
+	font-size: 0.9em;
 }
 
 #workspaces button:hover {