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;