Gradient sky, glass surfaces. Same readability as Light, more visually alive.
data-theme="breeze"Breeze is Light with a sky over it. The canvas runs a vertical gradient from #C8DCEE at the top down to #F7F9FB at the bottom, the same family as the Light canvas but with a sky-blue ceiling. The eye reads it as fresh air without losing any of the working comfort Light offers.
Surfaces flip from solid to translucent. Cards sit at rgba(255, 255, 255, 0.72) so the gradient bleeds through, and any sticky element layers cleanly over content underneath. This is the theme where Dock's glass aesthetic shows up most: the marketing nav's glass dropdowns, the modal scrim, the workspace tab bar all read as layered, not painted.
Why a gradient and not a flat tint. Flat tints across a 1920px viewport feel oppressive at the top edge. The gradient gives the eye somewhere to land at the top of the page (sky) and somewhere to settle at the bottom (paper). It works the way a window with sky outside works.
Marketing pages, landing-shaped surfaces, anything where you want the visual to feel a little alive. Also good for first-impression demos when you're showing the kit to someone for the first time.
Dense data work where the gradient is just visual noise behind a wall of cells. Switch to Light.
Every CSS variable, what it's set to in this theme, and what we use it for.