Unreadable dropdown.

[P-Storm]

Describe the bug
Dropdown color text is not readable in darkmode. See screenshot

To Reproduce
Steps to reproduce the behavior:

1. Upload the spoiler log
2. Click on 'dark theme' if not enabled yet.
3. Click items per page dropdown.
4. See error

Expected behavior
A color that is readable.

Screenshots

Desktop (please complete the following information):

• Browser: firefox 91.0

Additional context
Maybe it can be fixed with the css:

.css-etlbv9 > option {
    background-color: #171923;
}

[amickael]

Can you copy the sharing link and post it here?

[P-Storm]

Spoiler log: https://ootrandomizer.com/spoilers/get?id=856540

Found the line that defined the options:

spoilizer/src/components/ItemList/ItemList.tsx

Line 126 in 15c64b7

<Select

And it is on the 'all items' tab. And on the live version: https://spoilizer.com/

[amickael]

That select component is using the browser's native select. What OS are you running?

[P-Storm]

I'm using Windows 10. The CSS trick that I posted fixes it for firefox.

[amickael]

Looks like this is a bug with Chakra UI, the component library I'm using. Will implement fix from here: chakra-ui/chakra-ui#1388