Skip to content

Conversation

@moonhee0507
Copy link

@moonhee0507 moonhee0507 commented Feb 2, 2026

  • Use a meaningful title for the pull request. Include the name of the package modified.
  • Test the change in your own code.
  • Include the URL where we can test the change in the body of your PR.

This pull request:

  • Fixes a bug
  • Adds additional features/functionality
  • Updates documentation or example code
  • Other

Summary

Demo components (ScrollArea, Tooltip) had hardcoded background-color: white which doesn't adapt to dark mode. This PR replaces them with var(--color-background) CSS variable to support both light and dark themes.

Related to #851

Screenshots

Before (Dark mode) After (Dark mode)
before-scrollarea after-scrollarea
before-tooltip after-tooltip

Changes

  • components/demos/ScrollArea/css/styles.css - Updated background-color to use CSS variable
  • components/demos/ScrollArea/css-modules/styles.module.css - Updated background-color to use CSS variable
  • components/demos/Tooltip/css/styles.css - Updated background-color to use CSS variable
  • components/demos/Tooltip/css-modules/styles.module.css - Updated background-color to use CSS variable

Test URLs

(Test in dark mode to verify background colors adapt to the theme)

@moonhee0507 moonhee0507 requested a review from chaance as a code owner February 2, 2026 13:49
@vercel
Copy link

vercel bot commented Feb 2, 2026

@moonhee0507 is attempting to deploy a commit to the WorkOS 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