Skip to content

Docs: Icon search in dark theme #4822

@binarygondola

Description

@binarygondola

Current behaviour

While searching in the docs for an Icon using dark theme the text input displays whiteish text on white background (css overwrites dark theme).

Expected behaviour

While searching in the docs for an Icon using dark theme the text input should display whiteish text on a dark background.

How to reproduce?

Turn on dark mode, go to https://callstack.github.io/react-native-paper/docs/guides/icons/#1-an-icon-name.
At the end of the paragraph open the collapsible list ("See the list of supported icons") and type (i.e. "bug") in the provided text input - the written text is invisible.

Preview

Currently live in the docs.

What have you tried so far?

Manually switching off in inspect mode property background-color: #f0f0f0; in .icons-list-searchbar seems to work properly.

Your Environment

software version
firefox 144.0 (64-bit)
chromium 141.0.7390.54 (Official Build)

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions