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>

1 files changed, 19 insertions, 5 deletions

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;