Skip to content

fix(streamdown): correct CSS bracket syntax in code-block bg classes#518

Open
Qiuhang817385 wants to merge 1 commit into
vercel:mainfrom
Qiuhang817385:fix/code-block-css-syntax
Open

fix(streamdown): correct CSS bracket syntax in code-block bg classes#518
Qiuhang817385 wants to merge 1 commit into
vercel:mainfrom
Qiuhang817385:fix/code-block-css-syntax

Conversation

@Qiuhang817385
Copy link
Copy Markdown

Summary

Fix CSS bracket syntax errors in code-block/body.tsx where Tailwind classes for background color were missing closing brackets, causing invalid class names to be generated.

  • bg-[var(--sdm-bg,inherit]bg-[var(--sdm-bg,inherit)]
  • dark:bg-[var(--shiki-dark-bg,var(--sdm-bg,inherit)]dark:bg-[var(--shiki-dark-bg,var(--sdm-bg,inherit))]

Test plan

  • Verify dark mode background fallback works correctly when Shiki does not provide --shiki-dark-bg
  • Verify light mode background still works (backed by inline CSS variables)

Missing closing bracket on bg-[var(--sdm-bg,inherit)] and extra
closing bracket on dark:bg-[var(--shiki-dark-bg,var(--sdm-bg,inherit))]
caused Tailwind to generate invalid class names, breaking dark mode
background fallback.
@vercel
Copy link
Copy Markdown
Contributor

vercel Bot commented May 2, 2026

@Qiuhang817385 is attempting to deploy a commit to the Vercel Team on Vercel.

A member of the Team first needs to authorize it.

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.

1 participant