Ivan Malison
ba952b4b57
Replace individual .outer-pad.audio, .outer-pad.network, etc. color rules with a 5-color palette in end-widget-colors.css that cycles via :nth-child(5n+N). Add workspace pill reset to prevent the rotation from bleeding into workspace widgets. Move per-widget color variables from theme.css into end-widget-colors.css (keep tray colors in theme since the SNI tray is a center widget outside the rotation). Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
44 lines
1.6 KiB
CSS
44 lines
1.6 KiB
CSS
/* Taffybar palette/theme variables.
|
|
*
|
|
* `palette.css` imports this file so host configs can keep referencing the
|
|
* historical filename while we iterate on a more structured theme.
|
|
*/
|
|
|
|
@define-color accent #f1b2b2;
|
|
|
|
/* Bar chrome — low alpha so the desktop wallpaper shows through. */
|
|
@define-color bar-background rgba(0, 0, 0, 0.35);
|
|
@define-color bar-gradient-start rgba(20, 26, 40, 0.68);
|
|
@define-color bar-gradient-end rgba(12, 18, 30, 0.68);
|
|
@define-color bar-border rgba(255, 255, 255, 0.06);
|
|
|
|
/* The subtle translucent "sheet" behind all widgets. */
|
|
@define-color bar-overlay rgba(0, 0, 0, .2);
|
|
|
|
/* Widgets (pill/squircle containers) */
|
|
@define-color pill-background rgba(48, 52, 69, 0.92);
|
|
@define-color pill-border rgba(92, 95, 120, 0.85);
|
|
@define-color pill-highlight rgba(255, 255, 255, 0.10);
|
|
@define-color pill-shadow rgba(0, 0, 0, 0.28);
|
|
|
|
/* Per-widget end-widget colors now live in end-widget-colors.css
|
|
(5-color rotation palette applied via :nth-child). */
|
|
|
|
/* StatusNotifierItem system tray — neutral dark slate (center widget, not rotated) */
|
|
@define-color widget-tray-bg rgba(65, 70, 100, 0.92);
|
|
@define-color widget-tray-fg #d8dae8;
|
|
@define-color widget-tray-border rgba(110, 115, 160, 0.60);
|
|
|
|
/* Text */
|
|
@define-color font-color #e7e4ee;
|
|
@define-color font-muted #b8b1c6;
|
|
|
|
/* Menus: keep high-contrast and readable while iterating. */
|
|
@define-color menu-background-color #ffffff;
|
|
@define-color menu-font-color #000000;
|
|
@define-color menu-highlight rgba(0, 0, 0, 0.10);
|
|
|
|
@define-color transparent rgba(0.0, 0.0, 0.0, 0.0);
|
|
@define-color white #ffffff;
|
|
@define-color black #000000;
|