From c80f1addb2bfa64a0a515e5b2a3b3f5e36333616 Mon Sep 17 00:00:00 2001
From: Ivan Malison <IvanMalison@gmail.com>
Date: Sat, 7 Feb 2026 23:50:28 -0800
Subject: [PATCH] taffybar: accent-tinted active workspace, white border active
 window

Use accent color (#f1b2b2) tint for the active workspace pill instead of
a white outline, so it's visually distinct from the active window
highlight. Add white border and background to the active window icon
container within workspaces. Also add nerd font family to mpris icon.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 dotfiles/config/taffybar/taffybar.css | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/dotfiles/config/taffybar/taffybar.css b/dotfiles/config/taffybar/taffybar.css
index a2dd94cb..54da188b 100644
--- a/dotfiles/config/taffybar/taffybar.css
+++ b/dotfiles/config/taffybar/taffybar.css
@@ -105,6 +105,9 @@
 .outer-pad.mpris * {
 	color: @widget-mpris-fg;
 }
+.outer-pad.mpris .icon {
+	font-family: "Iosevka Nerd Font";
+}
 
 .outer-pad.clock {
 	background-color: @widget-clock-bg;
@@ -204,13 +207,14 @@
 	color: rgba(255, 255, 255, 0.92);
 }
 
-/* White inset outline on the active workspace's squircle pill.
+/* Accent-tinted background on the active workspace's squircle pill.
    .active is set on the GtkOverlay (by setWorkspaceWidgetStatusClass in
    Haskell), and .outer-pad is a child of that overlay, so
    `.workspaces .active .outer-pad` correctly targets the pill. */
 .workspaces .active .outer-pad {
+	background-color: rgba(241, 178, 178, 0.25);
 	box-shadow:
-		inset 0 0 0 2px rgba(255, 255, 255, 0.75),
+		inset 0 0 0 1px rgba(241, 178, 178, 0.5),
 		inset 0 1px 0 @pill-highlight,
 		0 10px 24px @pill-shadow;
 }
@@ -239,8 +243,7 @@
 	background-color: rgba(255, 255, 255, 0.06);
 }
 
-.workspaces .window-icon-container,
-.workspaces .window-icon-container.active {
+.workspaces .window-icon-container {
 	/* Don't give each window icon its own background/border; the workspace
 	   squircle is the background. */
 	background-color: transparent;
@@ -249,6 +252,13 @@
 	padding: 0px 2px;
 }
 
+.workspaces .window-icon-container.active {
+	background-color: rgba(255, 255, 255, 0.10);
+	border: 1px solid rgba(255, 255, 255, 0.5);
+	border-radius: 4px;
+	padding: 2px 4px;
+}
+
 .workspaces .active .contents,
 .workspaces .visible .contents {
 	background-color: transparent;