Skip to content

[Deployment] Text visibility issue in Dark Mode - AI Directory list items #764

Description

@rupeshpandith

Description:
The text for AI tools in the directory is invisible when the page is in Dark Mode. The text only becomes visible when a user hovers over the specific item. This is caused by the default text colour not being updated to a high-contrast colour (white/light grey) for the dark theme.

Image Image

Steps to Reproduce:

  • Navigate to https://quickref.me/ai.
  • Ensure the system or site theme is set to Dark Mode.
  • Observe the "Getting Started," "Text," "Writing," etc., categories.
  • Note that tool names are invisible until the mouse cursor hovers over them.

Suggested Fix:
The live deployment at https://quickref.me/ai still exhibits the dark mode text visibility bug. This CSS issue is already resolved in the main branch. Requesting a new deployment to production to apply the existing fix.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions