Skip to content

Icon - Lack of contrast when in dark mode #3

@felipeelia

Description

@felipeelia

Browser + version: Google Chrome 148.0.7778.167

Operating system: Linux Zorin OS

Extension version: 0.8.3

URL where it happened (or a representative public WordPress site that reproduces): https://demo.elasticpress.io/

Reproduction steps:

  1. Put Chrome in Dark Mode
  2. Visit a WordPress site while not logged in
  3. Check the lack of contrast of the WP icon

What you expected to happen: The icon should have more contrast with the dark bar background. After a quick research it seems it is possible to change the icon depending on the browser theme with some JS, but perhaps a simpler solution (like adding a background to the icon) could fix it.

What actually happened:

Console errors / screenshots:
Non-logged in:

Image

Logged in:

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions