From eae8dae5f3735a677b25e15721e83b81a08611e1 Mon Sep 17 00:00:00 2001
From: Craig Jennings <c@cjennings.net>
Date: Tue, 10 Feb 2026 09:17:31 -0600
Subject: feat(waybar): add menu module with Arch logo and circular workspace
 indicators

Add custom/menu module at far left of bar with Arch logo SVG background.
Left-click opens fuzzel, right-click opens wlogout. Workspace buttons now
use pixel-sized circles (34x32px with border-radius: 50%) instead of pill
shapes. Both dupre and hudson theme CSS files synced with new sizing.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 dotfiles/hyprland/.config/themes/dupre/waybar.css | 24 ++++++++++++++++++-----
 1 file changed, 19 insertions(+), 5 deletions(-)

(limited to 'dotfiles/hyprland/.config/themes/dupre')

diff --git a/dotfiles/hyprland/.config/themes/dupre/waybar.css b/dotfiles/hyprland/.config/themes/dupre/waybar.css
index 20d6a99..64ad36c 100644
--- a/dotfiles/hyprland/.config/themes/dupre/waybar.css
+++ b/dotfiles/hyprland/.config/themes/dupre/waybar.css
@@ -19,18 +19,32 @@ window#waybar {
 }
 
 #workspaces button {
-    padding: 0.5rem;
-    margin: 0.2rem;
+    min-width: 34px;
+    min-height: 32px;
+    padding: 0;
+    margin: 0.15rem;
     background-color: transparent;
     color: #969385;
-    border-radius: 1rem;
+    border-radius: 50%;
     transition: all 0.3s ease;
 }
 
 #workspaces button.active {
     background: #d7af5f;
     color: #151311;
+}
+
+#custom-menu {
+    background-image: url("/home/cjennings/.config/waybar/arch-logo.svg");
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-color: transparent;
     border-radius: 1rem;
+    min-width: 2.0rem;
+    padding: 0;
+    margin: 0.15rem;
+    transition: all 0.3s ease;
 }
 
 #workspaces button.urgent {
@@ -40,7 +54,7 @@ window#waybar {
 .modules-right, .modules-left {
     background-color: #151311;
     border-radius: 1rem;
-    padding: 0.2rem 0.6rem;
+    padding: 0.1rem 0.6rem;
     margin: 0.3rem;
     border: 0.095rem solid #d7af5f;
     box-shadow: 0rem 0.2rem 0.4rem rgba(0,0,0,0.5);
@@ -58,7 +72,7 @@ window#waybar {
 #clock,
 #custom-layout,
 #window {
-    padding: 0.4rem;
+    padding: 0.45rem;
     margin: 0.3rem;
     color: #969385;
     background-color: transparent;
-- 
cgit v1.2.3