From fea331158915713d980bafde6c38a6954d5c233b Mon Sep 17 00:00:00 2001
From: "Danilo M." <danix@danix.xyz>
Date: Tue, 15 Sep 2026 17:04:07 +0200
Subject: feat: move the desktop bar to DP-1, and add the mail module

The two bars were both on DP-3, which put the workspaces and the window list
on a rotated 1080px screen while 2560px sat unused next to it. Status stays on
DP-3 alone; the desktop itself moved to DP-1, where the window list has room.

This replaces the stock bar rather than sitting beside it, so hyprland's
autostart now launches this config instead of a bare waybar. ~/.config/waybar
is left on disk, but nothing reads it.

Mail comes over from the stock bar as the same notmuch watcher, minus the
glyph: the envelope is a CSS background and the unread count stays text,
because the count is the content rather than decoration, exactly like the
clock. Its format carries a trailing space so the pill survives the empty
state, since the watcher emits an empty text when nothing is unread and
waybar draws no widget at all for a custom module whose output is empty.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 styles/modules.css | 30 ++++++++++++++++++++++++++++++
 styles/pills.css   |  8 +++++++-
 2 files changed, 37 insertions(+), 1 deletion(-)

(limited to 'styles')

diff --git a/styles/modules.css b/styles/modules.css
index 4d3d38e..9044455 100644
--- a/styles/modules.css
+++ b/styles/modules.css
@@ -106,6 +106,36 @@
 	min-width: 22px;
 }
 
+/* ------------------------------------------------------ *
+ * Mail: envelope icon, unread count as text.              *
+ *                                                         *
+ * The count is content rather than decoration, so it stays *
+ * text like the clock. The state comes from the watcher's  *
+ * class: nothing unread is dim, a dead watcher is loud.    *
+ * ------------------------------------------------------ */
+
+#custom-mail {
+	background-image: url("@ICONS@/actions/22/mail-unread.svg");
+	background-repeat: no-repeat;
+	background-position: 10px center;
+	background-size: 16px 16px;
+	padding-left: 32px;
+	min-height: 16px;
+}
+
+#custom-mail.empty {
+	color: @main-fg;
+	opacity: 0.45;
+}
+
+#custom-mail.unread {
+	color: @main-fg;
+}
+
+#custom-mail.error {
+	color: @critical;
+}
+
 /* ------------------------------------------- *
  * Dots: coloured by their scripts, not by CSS. *
  * ------------------------------------------- */
diff --git a/styles/pills.css b/styles/pills.css
index 40c6629..93a8855 100644
--- a/styles/pills.css
+++ b/styles/pills.css
@@ -19,6 +19,7 @@
 #custom-vmdot,
 #taskbar,
 #custom-privacy_dots,
+#custom-mail,
 #volume,
 #tray,
 #custom-presentation,
@@ -38,6 +39,7 @@
 #clock.time:hover,
 #custom-vmdot:hover,
 #custom-privacy_dots:hover,
+#custom-mail:hover,
 #volume:hover,
 #tray:hover,
 #custom-presentation:hover,
@@ -78,11 +80,15 @@
 	margin-left: 6px;
 }
 
-/* Right: privacy | volume | tray | presentation | language */
+/* Right: privacy | mail | volume | tray | presentation | language */
 #custom-privacy_dots {
 	margin-right: 6px;
 }
 
+#custom-mail {
+	margin-right: 6px;
+}
+
 #volume {
 	margin-right: 6px;
 }
-- 
cgit v1.2.3