Skip to content

Widget: Styling Overrides #3786

@asalem1

Description

@asalem1

Problem

Currently, customizing the theme for the SwapWidget can cause weirdness in unintended parts of the user experience. For example, setting the background color of the module property to transparent can cause the intended behavior to the from section of the swap, but then the background of the token list is also transparent. Trying to set CSS overrides in JS has lifecycle implications and isn't stable in dealing with this. Trying to use vague css overrides is also unstable and has unintended consequences.

Solution

It would be really nice to have deterministic class names / ids when the swap widget is compiled to allow for predictably overrides and customized styling

Alternatives

Expanding the theming to allow for more customizability

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