Skip to content

Increase contrast for Custom Containers #2119

Closed
@RunDevelopment

Description

@RunDevelopment

Is your feature request related to a problem? Please describe.

Custom Containers have relatively low contrast compared to regular text. This makes the contrast of text very inconsistent across the page, which makes text less pleasant to read. Of course, the lower contrast text itself is also quite hard to read (especially on low-end displays, and displays with filters, such as a blue light filter).

image

Describe the solution you'd like

As noted in #1824 and #1989, the cause of the problem is that both light and dark mode use the same colors for Custom containers. So the picked color is likely not ideal for both.

Please use different colors for light and dark mode, and choose default colors with higher contrast.

Describe alternatives you've considered

No response

Additional context

I first came across is here: eslint-community/eslint-utils#84

Validations

Metadata

Metadata

Assignees

No one assigned

    Labels

    a11yRelated to accessibility

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions