Open Bug 1968004 Opened 10 months ago Updated 10 months ago

Dropdown menus in Storybook are not respecting color-scheme from our theme picker

Categories

(Toolkit :: UI Widgets, defect)

Product:
Toolkit
Component:
UI Widgets
Type:
defect

Tracking

()

People

(Reporter: tgiles, Unassigned)

References

(Blocks 1 open bug)

Details

(Whiteboard: [recomp])

I'm not entirely sure if the issue is in Storybook, the theme switcher we created for storybook, moz-select, or the menupopup element. Regardless, there's definitely an issue with the dropdown/select menu in Storybook when using dark mode, as the options are white text on a gray background.

STR:

  1. Open Storybook
  2. Navigate to the default story under the Select component
  3. Switch to dark theme using the Storybook theme switcher
  4. Open the select dropdown

Expected:

  • The options are legible

Actual:

  • The options are illegible
Severity: -- → S4
You need to log in before you can comment on or make changes to this bug.