refactor(tazjin/dotfiles): move waybar configuration into Nix r/8664

Change-Id: Ia031fd755ecf451b0ef1f9e63f3aec8b56fe2d57
Reviewed-on: https://cl.tvl.fyi/c/depot/+/12448
Reviewed-by: tazjin <tazjin@tvl.su>
Autosubmit: tazjin <tazjin@tvl.su>
Tested-by: BuildkiteCI

3 files changed, 67 insertions, 30 deletions

diff --git a/users/tazjin/dotfiles/waybar/config.jsonc b/users/tazjin/dotfiles/waybar/config.jsonc
deleted file mode 100644
index 6d3dbadb4511..000000000000
--- a/users/tazjin/dotfiles/waybar/config.jsonc
+++ /dev/null
@@ -1,29 +0,0 @@
-// TODO: idle-inhibitor? image (tux?)?
-{
-  "layer": "top",
-  "position": "bottom",
-  "modules-right": ["pulseaudio", "backlight", "battery", "tray", "clock"],
-  "pulseaudio": {
-    "on-click": "pavucontrol",
-    // Font "Awesome" speaker icons can't be made to render, I don't care why, emoji time.
-    "format": "{volume}% 🎧",
-    "format-muted": "{volume}% "
-  },
-  "battery": {
-	"format": "{capacity}% {icon}",
-    "format-icons": ["", "", "", "", ""]
-  },
-  "backlight": {
-    "format": "{percent}% {icon}",
-    "format-icons": [""],
-    "on-scroll-up": "light -A 1",
-    "on-scroll-down": "light -U 1"
-  },
-  "clock": {
-	"format-alt": "{:%a, %d. %b  %H:%M}"
-  },
-  "tray": {
-    "icon-size": 20,
-    "spacing": 10
-  }
-}
diff --git a/users/tazjin/dotfiles/waybar/config.nix b/users/tazjin/dotfiles/waybar/config.nix
new file mode 100644
index 000000000000..e65edabe7d19
--- /dev/null
+++ b/users/tazjin/dotfiles/waybar/config.nix
@@ -0,0 +1,51 @@
+{ depot, pkgs, ... }:
+
+let
+  launcher = "${pkgs.xfce4-appfinder}/bin/xfce4-appfinder --disable-server";
+in
+{
+  mainBar = {
+    layer = "top";
+    position = "bottom";
+    modules-left = [ "image#start" "custom/start" ];
+
+    "image#start" = {
+      path = "${depot.third_party.chicago95}/share/icons/Chicago95/panel/24/start-here.png";
+      size = 24;
+      on-click = "xfce4-appfinder --disable-server";
+    };
+
+    "custom/start" = {
+      format = " Start";
+      on-click = "xfce4-appfinder --disable-server";
+    };
+
+    modules-right = [ "pulseaudio" "backlight" "battery" "tray" "clock" ];
+
+    pulseaudio = {
+      on-click = "pavucontrol";
+      # Font "Awesome" speaker icons can't be made to render, I don't care why, emoji time.
+      format = "{volume}% 🎧";
+      format-muted = "{volume}% ";
+    };
+
+    battery = {
+      format = "{capacity}% {icon}";
+      format-icons = [ "" "" "" "" "" ];
+    };
+
+    backlight = {
+      format = "{percent}% {icon}";
+      format-icons = [ "" ];
+      on-scroll-up = "light -A 1";
+      on-scroll-down = "light -U 1";
+    };
+
+    clock.format-alt = "{:%a, %d. %b  %H:%M}";
+
+    tray = {
+      icon-size = 20;
+      spacing = 10;
+    };
+  };
+}
diff --git a/users/tazjin/dotfiles/waybar/style.css b/users/tazjin/dotfiles/waybar/style.css
index 5591545085a6..319ef695e23e 100644
--- a/users/tazjin/dotfiles/waybar/style.css
+++ b/users/tazjin/dotfiles/waybar/style.css
@@ -77,8 +77,23 @@ button:hover {
     margin: 0 4px;
 }
 
+#custom-start {
+    padding-bottom: 1px;
+    margin-right: 1px;
+}
+
+/* pop out left "modules" (start button) */
+.modules-left {
+    margin: 3px;
+    border-right: 1px solid gray;
+    border-bottom: 1px solid gray;
+    border-left: 1px solid white;
+    border-top: 1px solid white;
+    font-weight: bold;
+}
+
 /* indent right modules like in the original */
-.modules-right, .modules-left {
+.modules-right {
     margin: 3px;
     border-top: 1px solid gray;
     border-left: 1px solid gray;