Website UI Bug: Darkmode

Where does the bug appear (feature/product)?

Somewhere else…

Describe the Bug

Summary
On the Cursor pricing page in dark mode, the plan selection dropdown renders with a white background, breaking visual consistency and reducing readability.

Environment
Website: Cursor
Page: Spending / Choose Your Plan
Theme: Dark Mode

Browser: Chrome (likely affects all browsers)

Device: Desktop
Actual Behavior

Dropdown renders with a white background.
Creates high contrast clash with dark UI.
Looks visually broken and inconsistent with the rest of the page.

Impact
Poor UX on a pricing / conversion page.
Feels like a theme regression or missing dark-mode styles.
Reduces perceived polish of the product.

Likely Root Cause (Hypothesis)
Dropdown component not inheriting dark-mode styles.
Missing dark theme variables for:
background-color
border
hover states
Possibly a third-party/select component using default light theme.

Steps to Reproduce

Enable Dark Mode on the Cursor website.
Navigate to the Spending page in Dashboard.
In the On-demand plan card, click the plan dropdown (Pro / Pro+ / Ultra).

Expected Behavior

Dropdown background should match dark mode theme.
Text, hover states, and borders should use dark-mode tokens.
Consistent contrast and visual hierarchy.

Screenshots / Screen Recordings

Operating System

Windows 10/11

Version Information

Affected Product: Cursor Website
Page: Pricing / Choose Your Plan
Browser: Chrome (Desktop)
OS: Windows
Theme: Dark Mode
App Version: N/A (website issue)

Does this stop you from using Cursor

No - Cursor works, but with this issue

Hey there!

Thanks for bringing this to our attention!

For some reason, it looks fine on Mac, but I can definitely reproduce what you see on Windows. I’ve let the team know.