Element: #227 Tinted and glowing (foundation/materials) What it shows: Three glass surfaces over a gradient: tinted, glowing, and tinted with glow. When to use: Highlighting a glass chip or panel with a brand tint, a glow, or both. Spec: - `` labelled Tinted - `` labelled Glowing - `` labelled Tinted + glowing - Backdrop gradient runs `var(--ca-brand-main) 0%` to `var(--ca-semantic-success) 100%` Tags: materials, glass, surface, tone, glow, tinted Needs: @codeatlasdev/ui@4.4.0 Components: Surface Live demo: https://ui.codeatlas.com.br/docs/foundation/materials#tinted-and-glowing

Tinted

Glowing

Tinted + glowing