From 46ba8365db58e32a56e4affd40209a9db9b62a3d Mon Sep 17 00:00:00 2001 From: nevaforget Date: Thu, 9 Apr 2026 06:35:57 +0200 Subject: [PATCH] feat: style taskbar active state with bottom border indicator Add a visible bottom border to the active taskbar button for clear focus indication. Reserve border space on all buttons with a transparent border to prevent icon shifting on state changes. --- defaults/xdg/waybar/style.css | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/defaults/xdg/waybar/style.css b/defaults/xdg/waybar/style.css index 7b02c70..255b571 100644 --- a/defaults/xdg/waybar/style.css +++ b/defaults/xdg/waybar/style.css @@ -190,8 +190,8 @@ widget widget>* { } #taskbar button { - padding: 0 4px 0 10px; - transition: 100ms border ease-in-out; + padding: 3px 4px 0 10px; + border-bottom: 3px solid transparent; border-radius: 0; } @@ -204,7 +204,9 @@ widget widget>* { } #taskbar button.active { - background-color: alpha(@theme_selected_bg_color, 0.05); + background-color: alpha(@theme_selected_bg_color, 0.1); + border-bottom: 3px solid @theme_selected_bg_color; + padding-bottom: 0px; opacity: 1; }