colonelpanic/dotfiles
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

taffybar: add theme.css and update CSS styling

Browse Source 
Extract color variables into a dedicated theme.css and import it from
the main stylesheet.  Remove the bar gradient in favor of a flat
background, adjust workspace overlay-box margins, add SNI tray
double-padding fix, and clean up whitespace.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Ivan Malison
2026-02-07 16:02:18 -08:00
parent ece1c8eac8
commit 8c8fbe774c
2 changed files with 49 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
dotfiles/config/taffybar/taffybar.css
View File

@@ -2,6 +2,7 @@
*
* Colors live in `theme.css` (loaded via `palette.css`).
*/
import theme.css
.taffy-window * {
/* Most text should come from Iosevka Aile; icon glyphs (Font Awesome / Nerd
@@ -19,15 +20,12 @@
.taffy-box {
border-width: 0px;
padding: 0px;
margin: 0px;
border-radius: 0px;
box-shadow: none;
background-color: @bar-background;
background-image: linear-gradient(to bottom, @bar-gradient-start, @bar-gradient-end);
background-image: none;
}
.outer-pad {
@@ -118,14 +116,16 @@
background-color: @transparent;
}
/* The workspace label is overlaid bottom-left over the workspace icon strip. */
/* The workspace label is overlaid bottom-left over the workspace icon strip.
Positioning: halign=start (left), valign=end (bottom) set in Haskell code.
Margins offset from that anchor point. */
.workspaces .overlay-box {
transition: background-color .2s, border-color .2s;
/* The workspace widget's outer-pad has margin; without this, the overlay
sits in the margin area and looks "outside" the squircle. */
margin-left: 10px;
margin-bottom: 10px;
/* Offset from the bottom-left anchor into the pill area.
Increase margin-left to push right, margin-bottom to push up. */
margin-left: 6px;
margin-top: 4px;
background-color: transparent;
border: none;
@@ -201,6 +201,11 @@
padding: 1px 4px;
}
/* If the SNI tray is wrapped in our standard widget box, avoid double-padding. */
.sni-tray .sni-tray {
padding: 0px;
}
.window-icon-container.active {
background-color: rgba(255, 255, 255, 0.13);
border-color: rgba(255, 255, 255, 0.16);