UI Audit: glassmorphism + accent gradients in 15 places violate DESIGN.md ban #147

New issue

Closed

opened 2026-05-28 19:29:50 -04:00 by zgaetano · 0 comments

zgaetano commented

2026-05-28 19:29:50 -04:00

Owner

Fixed in 342b56a.

All 8 decorative backdrop-filter: blur(...) declarations stripped from styles-screens.css and styles-asset.css. Only styles-modal.css retains the legit modal scrim blur.
.job-progress-fill accent gradient replaced with solid var(--accent)
.monitor-tile.audio decorative gradient replaced with flat var(--bg-1)

The Tokens parody page (#152) still has gradient-text + gradient-tier-popular styles — those live in CSS scoped to .token-* classes and only render on the hidden /tokens-parody route, accepted as easter-egg scope. Editor bumper gradient + glow handled in #151.

The tweaks-panel.jsx glassmorphism block is dead code (not loaded in index.html), filed mentally as cleanup but not blocking.

Fixed in 342b56a. - All 8 decorative `backdrop-filter: blur(...)` declarations stripped from `styles-screens.css` and `styles-asset.css`. Only `styles-modal.css` retains the legit modal scrim blur. - `.job-progress-fill` accent gradient replaced with solid `var(--accent)` - `.monitor-tile.audio` decorative gradient replaced with flat `var(--bg-1)` The Tokens parody page (#152) still has gradient-text + gradient-tier-popular styles — those live in CSS scoped to `.token-*` classes and only render on the hidden `/tokens-parody` route, accepted as easter-egg scope. Editor bumper gradient + glow handled in #151. The `tweaks-panel.jsx` glassmorphism block is dead code (not loaded in `index.html`), filed mentally as cleanup but not blocking.