Headless Humans registry
Components, themes and design tokens from Headless Humans. Install them into any shadcn project; the code is copied in and belongs to that project.
Install
- Headless Humans themeHH colours and radius for light and dark mode, generated from the HH design tokens.
npx shadcn@latest add https://registry.headlesshumans.com/r/theme.json
Colour roles
Components only use these role names (for example bg-primary). Values come from the design tokens; hex is for tools that do not read OKLCH.
- background#ffffff / #0a0a0a
- foreground#0a0a0a / #fafafa
- card#ffffff / #171717
- popover#ffffff / #171717
- primary#171717 / #e5e5e5
- secondary#f5f5f5 / #262626
- muted#f5f5f5 / #262626
- accent#f5f5f5 / #262626
- destructive#bf0010 / #ff6568
- border#e5e5e5 / #ffffff1a
- input#e5e5e5 / #ffffff26
- ring#a1a1a1 / #737373
- chart-1#d4d4d4 / #d4d4d4
- chart-2#737373 / #737373
- chart-3#525252 / #525252
- chart-4#404040 / #404040
- chart-5#262626 / #262626
- sidebar#fafafa / #171717
- sidebar-primary#171717 / #1447e6
- sidebar-accent#f5f5f5 / #262626
- sidebar-border#e5e5e5 / #ffffff1a
- sidebar-ring#a1a1a1 / #737373