From 1e8a591b4f090c3e19ea1c889cd1bd6e7a6185c6 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;