Skip to content

[BUG]: fix poor text contrast and readability in dark mode #584

Closed

Description

@aarushii25

Description

Describe the bug
Several UI elements have very poor contrast in dark mode —
text becomes hard to read against dark backgrounds, especially
on the Request a Book form page and other sections.

Proposed Fix

  • Review CSS color variables used in dark mode
  • Improve contrast for input fields, labels, and placeholders
  • Test across all pages in both light and dark mode

Tech
CSS (style.css / style_main.css)

I would like to work on this as a GSSoC 2026 contributor.
@devanshi14malhotra

Steps to Reproduce

To Reproduce

  1. Open BiblioDrift in dark mode
  2. Go to Request a Book form
  3. Input field labels and placeholder text are barely visible

Expected Behavior

Expected behavior
Text and UI elements should be clearly readable in both
light and dark modes (WCAG AA contrast standard).

Actual Behavior

Text labels, input placeholders, and form elements
appear very dark and are barely visible against the
dark background, making the form difficult to use
in dark mode.

Screenshots / Logs

Image Image

OS

No response

Browser

No response

Version

No response

Activity

  1. unnati0605 commented on May 16, 2026

    @unnati0605

    Hi, I would like to work on this issue as a GSSoC'26 contributor. Please assign this to me.

  2. devanshi14malhotra commented on May 16, 2026

    @devanshi14malhotra
    Owner

    @aarushii25 assigned, as u had asked first...
    pls make sure that the 'request a form' page follows the same colour scheme as the rest of the application - in both the dark and light modes..

  3. aarushii25 commented on May 18, 2026

    @aarushii25
    Author

    Hi @devanshi14malhotra 👋
    Just a gentle reminder regarding the review of this issue assignment for GSSoC 2026.

    I’m interested in working on this feature and would love to contribute if it aligns with the project goals. Looking forward to your response. ✨

  4. aarushii25 commented on May 20, 2026

    @aarushii25
    Author

    Hi @devanshi14malhotra 👋
    Just a gentle reminder regarding the review of this issue assignment for GSSoC 2026.

    I’m interested in working on this feature and would love to contribute if it aligns with the project goals. Looking forward to your response. ✨

  5. devanshi14malhotra commented on May 22, 2026

    @devanshi14malhotra
    Owner

    @aarushii25 i'm reviewing a lot of PRs everyday with my exams going on... u don't have to remind me... i'll review all PRs on order...

  6. devanshi14malhotra commented on May 22, 2026

    @devanshi14malhotra
    Owner
    Image

    there are still some merge conflicts... i'll try to fix while reviewing....

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

GSSoC'26For all issues/PRs related to GSSoC'2026 open source eventgood first issueGood for newcomerslevel:beginnerGSSoC'26 beginner level PR/issue

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions