hyprland/waybar: improve the style

configs/hyprland/waybar/config

@@ -16,9 +16,8 @@
 	],
 	"modules-left": [
 		"image#menu",
-		"hyprland/workspaces#icons",
-		"tray",
-		"hyprland/submap"
+		"group/hypr-windowcount-workspaces",
+		"tray"
 	],
 	"modules-center": [
 		"clock"
@@ -27,6 +26,7 @@
 		"custom/media#mini",
 		"idle_inhibitor",
 		"hyprland/language",
+		"hyprland/submap",
 		"group/volume",
 		"network",
 		"bluetooth",

configs/hyprland/waybar/modules.json

@@ -4,7 +4,6 @@
 		"size": 18,
 		"on-click": "pkill wofi || wofi --show drun -x 8 -y 10 --height 35% --width 25%"
 	},
-
 	"hyprland/workspaces#icons": {
 		"active-only": false,
 		"all-outputs": false,
@@ -18,7 +17,6 @@
 			"special": "󰓏"
 		}
 	},
-
 	"hyprland/workspaces#numbers": {
 		"active-only": false,
 		"all-outputs": false,
@@ -28,27 +26,34 @@
 		"on-scroll-up": "hyprctl dispatch workspace e+1",
 		"on-scroll-down": "hyprctl dispatch workspace e-1",
 	},
-
 	"hyprland/window": {
 		"format": "{title}",
 		"icon": "true",
 		"icon-size": 16,
 		"max-length": 30,
 	},
-
-    "tray": {
-    	"icon-size": 15,
-    	"show-passive-items": true,
-    	"spacing": 8
+	"hyprland/windowcount": {
+		"format": "{}",
+		"separate-outputs": true
+	},
+	"hyprland/language": {
+		"format": "{}",
+		"format-en": "EN",
+		"format-ru": "RU",
+		"on-scroll-up": "hyprctl switchxkblayout all next",
+		"on-scroll-down": "hyprctl switchxkblayout all prev",
 	},
-
 	"hyprland/submap": {
 		"format": "{}",
 		"on-click": "hyprctl dispatch submap reset",
 		"always-on": "true",
 		"default-submap": "reset",
 	},
-
+	"tray": {
+		"icon-size": 15,
+		"show-passive-items": true,
+		"spacing": 8
+	},
 	"custom/media": {
 		"format": "{icon} {0}",
 		"return-type": "json",
@@ -62,7 +67,6 @@
 		"on-scroll-up": "playerctl next",
 		"on-scroll-down": "playerctl previous"
 	},
-
 	"custom/media#mini": {
 		"format": "{icon} {0}",
 		"return-type": "json",
@@ -76,7 +80,6 @@
 		"on-scroll-up": "playerctl next",
 		"on-scroll-down": "playerctl previous"
 	},
-
 	"idle_inhibitor": {
 		"format": "{icon}",
 		"format-icons": {
@@ -86,15 +89,6 @@
 		"tooltip-format-activated": "Кофеин: активен\nРежим ожидания: отключен",
 		"tooltip-format-deactivated": "Кофеин: отключен\nРежим ожидания: активен"
 	},
-
-    "hyprland/language": {
-            "format": "{}",
-            "format-en": "EN",
-            "format-ru": "RU",
-            "on-scroll-up": "hyprctl switchxkblayout all next",
-            "on-scroll-down": "hyprctl switchxkblayout all prev",
-    },
-
 	"pulseaudio#volume": {
 		"scroll-step": 5,
 		"format": "{icon} {volume}%",
@@ -122,15 +116,6 @@
 		"on-scroll-down": "wpctl set-volume @DEFAULT_SOURCE@ 10%- -l 1.0",
 		"tooltip-format": "{source_desc}"
 	},
-
-    "group/volume": {
-    	"orientation": "horizontal",
-    	"modules": [
-    		"pulseaudio#volume",
-    		"pulseaudio#microphone",
-    	]
-    },
-
 	"network": {
 		"tooltip": true,
 		"format-wifi": " ",
@@ -143,7 +128,6 @@
 		"interval": 2,
 		"on-click-right": "hyprctl dispatch exec '[size 910 460; move 100%-930 4%]' kitty nmtui"
 	},
-
 	"bluetooth": {
 		"format": "",
 		"format-disabled": "󰂳",
@@ -154,12 +138,12 @@
 		"tooltip": true,
 		"tooltip-format": "",
 		"tooltip-format-disabled": "󰂳 Отключено",
+		"tooltip-format-on": "󰂱 Включено",
 		"tooltip-format-off": "󰂳 Выключено",
 		"tooltip-format-connected": "{device_enumerate}",
 		"tooltip-format-enumerate-connected": " {device_alias} 󰂄{device_battery_percentage}%",
 		"on-click-right": "hyprctl dispatch exec '[size 530 350; move 100%-550 4%]' blueman-manager"
 	},
-
 	"battery": {
 		"states": {
 			"good": 95,
@@ -185,7 +169,6 @@
 			"󰁹"
 		]
 	},
-
 	"backlight": {
 		"format": "{icon} {percent}%",
 		"format-icons": [
@@ -202,7 +185,6 @@
 		"on-scroll-up": "brightnessctl s +5%",
 		"on-scroll-down": "brightnessctl s 5%-"
 	},
-
 	"clock": {
 		"format": "{:%H:%M}",
 		"tooltip-format": "<tt><big>{calendar}</big></tt>",
@@ -219,7 +201,6 @@
 			}
 		}
 	},
-
 	"custom/notification": {
 		"format": "{icon} {0}",
 		"format-icons": {
@@ -239,19 +220,16 @@
 		"on-click-right": "swaync-client -d -sw",
 		"escape": true
 	},
-
 	"cpu": {
 		"interval": 1,
 		"format": " {usage}%",
 		"tooltip-format": "{usage}"
 	},
-
 	"memory": {
 		"interval": 1,
 		"format": " {}%",
 		"tooltip-format": "memory: {used:0.1f}/{total:0.1f} GiB \nSWAP: {swapUsed:0.1f}/{swapTotal:0.1f} GiB"
 	},
-
 	"custom/ddclight": {
 		"tooltip": false,
 		"format": "{icon}",
@@ -272,4 +250,19 @@
 		"on-scroll-up": "ddclight set +5",
 		"on-scroll-down": "ddclight set 5-"
 	},
+	// ---------- ГРУППЫ ---- GROUPS
+	"group/hypr-windowcount-workspaces": {
+		"orientation": "horizontal",
+		"modules": [
+			"hyprland/windowcount",
+			"hyprland/workspaces#icons"
+		]
+	},
+	"group/volume": {
+		"orientation": "horizontal",
+		"modules": [
+			"pulseaudio#volume",
+			"pulseaudio#microphone",
+		]
+	}
 }

configs/hyprland/waybar/style-dark.css

@@ -19,6 +19,7 @@ window#waybar {
 }
 
 .module {
+	background-color: @bg;
 	min-height: 0;
 	border-radius: 20px;
 	margin: 5px;
@@ -50,10 +51,6 @@ window#waybar {
     padding: 0 10px 0 5px;
 }
 
-#image:not(:hover) {
-	background: transparent
-}
-
 #workspaces.icons button {
 	padding: 0px;
 	margin: 0px;

configs/hyprland/waybar/style.css

@@ -19,6 +19,7 @@ window#waybar {
 }
 
 .module {
+	background-color: @bg;
 	min-height: 0;
 	border-radius: 20px;
 	margin: 5px;
@@ -50,10 +51,6 @@ window#waybar {
     padding: 0 10px 0 5px;
 }
 
-#image:not(:hover) {
-	background: transparent
-}
-
 #workspaces.icons button {
 	padding: 0px;
 	margin: 0px;