Skip to content

🐞[Bug]: Explore Ebooks Search Bar Text Color Not Responsive to Theme #1072

@kanishka-commits

Description

@kanishka-commits

Is there an existing issue for this?

  • I have searched the existing issues

Describe the bug

In the Explore Ebooks section, the search bar text color is not responsive to the selected theme. Currently, the color is fixed using a specific CSS variable, which causes issues in dark mode.

In dark mode, the placeholder and input text appear black on a dark background, making it hard to read.

Steps to Reproduce:

  1. Navigate to the Explore Ebooks page.
  2. Switch to dark mode.
  3. Type text in the search bar and observe the color.

Suggested Fix:

  • Update the search bar to use a responsive, theme-aware color variable instead of a fixed one.
  • Ensure both placeholder and input text dynamically adapt to the selected theme.

Expected behavior

  • The search bar text and placeholder should use theme-aware color variables.
  • Text should have adequate contrast in both light and dark modes for readability.

Add ScreenShots

Screen.Recording.2025-10-26.at.12.06.59.AM.mov

What browsers are you seeing the problem on?

Chrome

Record

  • I have read the Contributing Guidelines
  • Are you a GSSOC'25 contributor
  • I want to work on this issue

Metadata

Metadata

Type

Projects

Status

Done

Relationships

None yet

Development

No branches or pull requests

Issue actions