Document the @import url() requirement, per-widget color variables,
workspace label positioning via padding (not margin, which GTK
overlays ignore), asymmetric workspace padding, active workspace
outline targeting, and bar border-radius.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Target .workspaces .active .outer-pad with an inset box-shadow to
highlight the currently focused workspace pill.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Reduce bar alpha from 0.55 to 0.35 for more transparency and add
6px border-radius to match widget squircles.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Asymmetric inner-pad padding (10px left, 3px right) so workspace
number labels have room on the left without extra space on the right.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Use padding on the workspace-label (not margin on the overlay-box,
which GTK overlays ignore) to inset the number into the pill area.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Fix CSS import syntax (bare `import` -> `@import url()`) so
@define-color variables from theme.css are available. Define
per-widget background/foreground/border colors and add CSS rules
for clock, disk-usage, sni-tray, battery, and backlight widgets.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
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>
