Vercel
WebsiteA pure greyscale theme with all surfaces at chroma 0, austere and tone-agnostic. Dark mode commits to a true black background with solid grey borders and inputs (no alpha layering), giving it a sharper, more defined feel than themes that rely on transparent tokens.
Colors
Surfaces & Text
background
oklch(0.9851 0 0)
#fafafa
foreground
oklch(0.2046 0 0)
#171717
The default app background and text color.
card
oklch(1 0 0)
#ffffff
card-foreground
oklch(0.2046 0 0)
#171717
Elevated surfaces and the content inside them.
muted
oklch(0.9851 0 0)
#fafafa
muted-foreground
oklch(0.4202 0 0)
#4d4d4d
Subtle surfaces and lower-emphasis content.
Actions
primary
oklch(0.2046 0 0)
#171717
primary-foreground
oklch(1 0 0)
#ffffff
High-emphasis actions and brand surfaces.
secondary
oklch(1 0 0)
#ffffff
secondary-foreground
oklch(0.2046 0 0)
#171717
Lower-emphasis filled actions and supporting surfaces.
accent
oklch(0.9249 0 0)
#e6e6e6
accent-foreground
oklch(0.2046 0 0)
#171717
Interactive hover, focus, and active surfaces.
destructive
oklch(0.5896 0.24 26.6)
#ea001d
Destructive actions and error emphasis.
Borders & Forms
border
oklch(0.9401 0 0)
#ebebeb
Default borders and separators.
input
oklch(0.9249 0 0)
#e6e6e6
Form control borders and input surface treatment.
ring
oklch(0.9401 0 0)
#ebebeb
Focus rings and outlines.
Sidebar
sidebar
oklch(0.9851 0 0)
#fafafa
sidebar-foreground
oklch(0.4202 0 0)
#4d4d4d
The base sidebar surface and default sidebar text.
sidebar-accent
oklch(0.9249 0 0)
#e6e6e6
sidebar-accent-foreground
oklch(0.2046 0 0)
#171717
Hover and selected states inside the sidebar.
sidebar-border
oklch(0.9612 0 0)
#f2f2f2
Sidebar-specific borders and separators.