Skip to content

docs: document required CSS custom properties (shadcn/ui design tokens)#451

Merged
haydenbleasel merged 2 commits intovercel:mainfrom
sleitor:fix-449
Mar 10, 2026
Merged

docs: document required CSS custom properties (shadcn/ui design tokens)#451
haydenbleasel merged 2 commits intovercel:mainfrom
sleitor:fix-449

Conversation

@sleitor
Copy link
Contributor

@sleitor sleitor commented Mar 10, 2026

Fixes #449

Problem

Streamdown components rely on shadcn/ui CSS custom properties (--background, --foreground, --card, --border, --radius, etc.) for styling. Without these variables, components render with missing backgrounds, borders, and spacing.

The README installation guide does not mention this dependency, leaving users with broken styling and no indication of what's missing.

Fix

Added a "CSS Custom Properties (Design Tokens)" section to the installation guide in README.md that:

  • Explains the shadcn/ui CSS variable dependency
  • Provides a minimal copy-paste CSS snippet for users not using shadcn/ui
  • Links to the shadcn/ui theme generator for custom palette creation

@vercel
Copy link
Contributor

vercel bot commented Mar 10, 2026

Someone is attempting to deploy a commit to the Vercel Team on Vercel.

A member of the Team first needs to authorize it.

@haydenbleasel
Copy link
Member

good call, this has been assumed knowledge so far. appreciate it!

@haydenbleasel haydenbleasel merged commit 9c18748 into vercel:main Mar 10, 2026
3 of 5 checks passed
@sleitor sleitor deleted the fix-449 branch March 11, 2026 08:32
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Undocumented dependency on shadcn/ui CSS variables for proper styling

2 participants