Dark theme causes filters to look disabled

[srirambv]

Description

Dark theme causes filters to look disabled

Steps to Reproduce

1. Set browser theme to dark
2. Open Wallet and click on portfolio filters
3. Select any dropdown, looks disabled but can still select to change filters

Actual result:

Expected result:

Better looking UI on dark theme

Reproduces how often:

Easy

Brave version (brave://version info)

All

Version/Channel Information:

• Can you reproduce this issue with the current release? Yes
• Can you reproduce this issue with the beta channel? Yes
• Can you reproduce this issue with the nightly channel? Yes

Other Additional Information:

• Does the issue resolve itself when disabling Brave Shields? NA
• Does the issue resolve itself when disabling Brave Rewards? NA
• Is the issue reproducible on the latest version of Chrome? NA

Miscellaneous Information:

cc: @kleantzogu @Douglashdaniel @josheleonard

[kleantzogu]

Here is how it should look:
Figma Link: https://www.figma.com/file/muVcmcu4RFNu0LkXe9VRDl/Wallet-2.0?type=design&node-id=16059-210815&mode=design&t=DyKrCOALIVQlDYw5-4

Screenshot:

[Douglashdaniel]

I think this is a leo issue since this is using the Dropdown component directly from @brave/leo/react/dropdown.
cc: @fallaciousreasoning @petemill

[fallaciousreasoning]

This looks like it could be using the colors from the light theme - if you add a data-theme="dark" to the body (or any parent element of the dropdown) does it look better?

This is how the component should look in dark mode:

[srirambv]

Verification passed on

Brave	1.67.92 Chromium: 125.0.6422.76 (Official Build) beta (64-bit)
Revision	d751d2edf40b466560aaeecc4c4919041f41c20d
OS	Windows 11 Version 23H2 (Build 22631.3593)

• Verified steps from brave/brave-core#23195
• Verified Portfolio filters are properly visible when browser is set to Dark theme

37173.mp4