niri/waybar: some fixes, new module

Signed-off-by: unexplrd <unexplrd@linerds.us>

modules/home/desktop/niri/programs/waybar/default.nix

@@ -3,6 +3,7 @@
   config,
   getExe,
   ifLaptop,
+  launcher,
   pkgs,
   ...
 }: {
@@ -21,6 +22,7 @@
     margin-bottom = 3;
     reload_style_on_change = true;
     modules-left = [
+      "custom/launcher"
       "niri/language"
       "niri/workspaces"
       "wlr/taskbar"
@@ -101,7 +103,7 @@
     };
     "clock" = {
       interval = 1;
-      format = "{:%B %d - %H:%M - %A}";
+      format = "{:%B %d - %R - %A}";
       tooltip = false;
       # tooltip-format = "{%y.%m.%d - %B %d, %A}";
     };
@@ -155,6 +157,11 @@
       on-click = getExe pkgs.pwvucontrol;
       on-click-right = "wpctl set-mute @DEFAULT_SINK@ toggle";
     };
+    "custom/launcher" = {
+      format = "";
+      on-click = launcher;
+      tooltip = false;
+    };
     "custom/notification" = {
       tooltip = false;
       format = "{icon}";
@@ -217,11 +224,14 @@
       font-weight: 500;
       font-size: 18px;
     }
-    window#waybar,
     .modules-center,
     .mpris.stopped {
       background-color: transparent;
     }
+    window#waybar {
+      background: @base00;
+      border-radius: 24px;
+    }
     .modules-left,
     .modules-center,
     .modules-right {
@@ -231,12 +241,13 @@
       border-top-right-radius: 0px; */
       background-color: @base00;
       border-radius: 24px;
-      border: 1px solid @base0D;
       color: @base05;
+      /* margin: 1px; for the window#waybar border */
     }
     tooltip {
       background: @base01;
       border: 1px solid @base0D;
+      border-radius: 24px;
     }
     tooltip label {
       color: @base05;
@@ -256,6 +267,7 @@
     #backlight,
     #battery,
     #clock,
+    #custom-launcher,
     #custom-notification,
     #custom-separator,
     #idle_inhibitor,
@@ -274,17 +286,18 @@
       padding: 0 6px;
     }
     /* left modules */
-    #language,
+    #custom-launcher,
+    /* #language, */
     #clock,
     #wireplumber {
       margin: 3px;
     }
     #taskbar button {
-      padding: 0 2px;
+      padding: 0 3px;
       margin: 3px;
     }
     #workspaces button {
-      padding: 0 4px;
+      padding: 0 5px;
       margin: 3px;
     }
     #tray button {
@@ -301,8 +314,9 @@
     #wireplumber {
       padding: 0 14px 0 10px;
     }
+    #custom-launcher,
     #power-profiles-daemon {
-      padding: 0 16px 0 8px;
+      padding: 0 17px 0 8px;
     }
     #privacy,
     #taskbar,