CSS Gets a Native Class Prefix Selector — Week 34 Styling

A binary light-or-dark control silently discards the third preference many users actually have: continue following the operating system. A tri-state control preserves light, dark, and system as explicit values, so an OS theme change remains effective until the user deliberately overrides it. In a 24-hour public poll, 43 respondents favored tri-state and 6 chose a binary switch; the article uses that signal to test, not replace, the semantic argument. The implementation should label system plainly, persist exact values, and avoid guessing from the current computed theme. One extra state makes the user's intent reversible and inspectable.

Carmen Ansio translates Barcelona's hydraulic-tile geometry into a reusable CSS system instead of tracing one static illustration. Each tile uses a 9-by-9 grid, and cells combine radial or linear gradients, border radii, transforms, and shared custom properties. Named shapes such as fans, lenses, stars, and corners make the visual grammar readable enough to remix. The approach keeps color and geometry independent, allowing multiple palettes and arrangements without redrawing assets. It is a useful pattern for decorative UI: identify a small vocabulary, encode it as components, and let layout assemble the variation.