ChatGPT
WebsiteA pure greyscale theme with no hue or chroma in any surface — clean, neutral, and tone-agnostic. Dark mode runs noticeably lighter than typical (background at 0.25 rather than near-black), giving it a softer, more lifted feel, while alpha-based borders and inputs keep the system flexible across surfaces.
Colors
Surfaces & Text
background
oklch(0.9821 0 0)
#f9f9f9
foreground
oklch(0.1591 0 0)
#0d0d0d
The default app background and text color.
card
oklch(1 0 0)
#ffffff
card-foreground
oklch(0.1591 0 0)
#0d0d0d
Elevated surfaces and the content inside them.
muted
oklch(0.9642 0 0)
#f3f3f3
muted-foreground
oklch(0.4784 0 0)
#5d5d5d
Subtle surfaces and lower-emphasis content.
Actions
primary
oklch(0.1591 0 0)
#0d0d0d
primary-foreground
oklch(1 0 0)
#ffffff
High-emphasis actions and brand surfaces.
secondary
oklch(1 0 0)
#ffffff
secondary-foreground
oklch(0.1591 0 0)
#0d0d0d
Lower-emphasis filled actions and supporting surfaces.
accent
oklch(0.9431 0 0)
#ececec
accent-foreground
oklch(0.1591 0 0)
#0d0d0d
Interactive hover, focus, and active surfaces.
destructive
oklch(0.5899 0.2134 27.67)
#e02e2a
Destructive actions and error emphasis.
Borders & Forms
border
oklch(0.1591 0 0 / 10.2%)
#0d0d0d1a
Default borders and separators.
input
oklch(0.1591 0 0 / 10.2%)
#0d0d0d1a
Form control borders and input surface treatment.
ring
oklch(0.1591 0 0 / 10.2%)
#0d0d0d1a
Focus rings and outlines.
Sidebar
sidebar
oklch(0.9821 0 0)
#f9f9f9
sidebar-foreground
oklch(0.1591 0 0)
#0d0d0d
The base sidebar surface and default sidebar text.
sidebar-accent
oklch(0.931 0 0)
#e8e8e8
sidebar-accent-foreground
oklch(0.1591 0 0)
#0d0d0d
Hover and selected states inside the sidebar.
sidebar-border
oklch(0.1591 0 0 / 5.1%)
#0d0d0d0d
Sidebar-specific borders and separators.