waybar: Group system panels and add taskbar

home-manager/modules/wms/waybar.nix

@@ -24,13 +24,35 @@
         margin = "9 13 -10 18";
 
         modules-left = ["hyprland/workspaces" "hyprland/language" "keyboard-state" "hyprland/submap"];
-        modules-center = ["mpris"];
+        modules-center = ["mpris" "wlr/taskbar"];
-        modules-right = ["backlight" "network" "battery" "pulseaudio" "clock" "tray"];
+        modules-right = ["group/system" "battery" "pulseaudio" "clock" "tray"];
 
         "hyprland/workspaces" = {
           disable-scroll = true;
         };
 
+        "wlr/taskbar" = {
+            on-click = "activate";
+            on-click-middle = "close";
+            on-click-right = "minimize";
+        };
+
+        "group/system" = {
+            orientation = "inherit";
+            drawer = {
+                transition-duration = 500;
+                transition-left-to-right = false;
+            };
+            modules = [
+                "network"
+                "custom/mem"
+                "cpu"
+                "temperature"
+                "backlight"
+            ];
+        };
+
+
     "hyprland/language" = {
         format-en = "US";
         format-ru = "RU";
@@ -150,7 +172,7 @@
       };
     };
   
-    style = 
+    style = /*css*/
       ''
 * {
     border: none;
@@ -203,6 +225,32 @@ window#waybar.hidden {
     border-radius: inherit;
 }
 
+#taskbar {
+    border-radius: 10px;
+    color: #${colors.base05};
+    background: #${colors.base00};
+}
+
+#taskbar button {
+    transition: none;
+    background: transparent;
+    border-radius: 10px;
+    padding: 8px;
+    margin: 0px;
+}
+
+#taskbar button:hover {
+    transition: none;
+    box-shadow: inherit;
+    text-shadow: inherit;
+    border-radius: inherit;
+    background: #${colors.base02};
+}
+
+#taskbar button.active {
+    background: #${colors.base0B};
+}
+
 #language {
     padding: 8px 0px 8px 8px;
     border-radius: 10px 0px 0px 10px;