Cards and surfaces
Glass, Solid, Outline and Floating cards, opacity, blur, corners, borders and shadows, and how they interact.
Where: Customize → Colors and fonts → Cards and surfaces
These settings shape the main card and everything drawn like it: link buttons, Discord and Roblox cards, wallet cards, the guestbook, extra sections and the music player.
Surface
Glass, Solid, Outline, Floating
Default: Glass
Works on: Identity, After Dark, Bento, Panel · partly Spotlight, Editorial, Terminal, Old Web
Shadow
None, Soft, Dramatic, Accent glow
Default: Dramatic
Works on: Identity, After Dark, Bento, Panel · partly Spotlight, Editorial, Terminal, Old Web
Card opacity
0–100%
Default: 72%
Works on: Identity, After Dark, Bento, Panel · partly Spotlight, Editorial, Terminal, Old Web
Glass blur
0–60px
Default: 30px
Works on: Identity, After Dark, Bento, Panel · partly Spotlight, Editorial, Terminal, Old Web
Corner radius
0–64px
Default: 34px
Works on: Identity, After Dark, Spotlight, Bento, Editorial, Panel
Border width
0–8px
Default: 1px
Works on: Identity, After Dark, Bento, Editorial, Panel · partly Spotlight
How these settings affect each other
Surface is SolidCard opacity or Glass blur
The fill is always fully solid and nothing is blurred. Opacity still scales the shadow.
Surface is OutlineCard color, Card opacity or Glass blur
No fill and no blur. The outline uses your Text color, not the Border color.
Surface is FloatingBorder width or Border color
The border is hidden.
Card opacity is 0%Shadow, Glass blur
The card disappears completely: no blur, no shadow, no glows from the card.
Fix: Use 1–5% for a barely-there card that keeps its blur.
Shadowlow Card opacity
Shadows fade with opacity, so a 20% card has a faint shadow.
The Panel layout sets Outline, 0% opacity and no shadow when you pick it. Change them back afterwards if you prefer a filled card.
related
Still stuck?Ask in our Discord