Skip to content

[ISSUE]: [UI/UX] Inconsistent button background color in Virtual Library (Dark Mode) #538

Closed

Description

@Soura149

Description

Problem:
While exploring the "My Virtual Library" page in Night Theme, I noticed that the **"Constellation"**and "Shelves" toggle buttons use a bright white background. This high-contrast element doesn't align with the warm, cream-based aesthetic of the rest of the UI (like the filter dropdowns).

Expected Behavior:
The buttons should utilize the consistent theme accent color to maintain the warm, immersive aesthetic of the overall UI.

Suggested Fix:
Use the appropriate CSS variables from the Global Theme Palette instead of the current hardcoded properties for these buttons.

Image

note:
Attached screenshot showing the high-contrast white button against the dark, warm-toned background unlike the rest of warm color.

I would like to work on this issue under #GSSoC2026.
@devanshi14malhotra
please assign this to me!

Additional Context

No response

Activity

  1. Soura149 commented on May 15, 2026

    @Soura149
    ContributorAuthor

    Hi @devanshi14malhotra ,
    I have raised this issue and
    would like to work on it
    as a GSSoC 2026 contributor.
    Please assign this to me.
    thanks!!

  2. ManishKudtarkar commented on May 15, 2026

    @ManishKudtarkar

    Hi @devanshi14malhotra, I would like to work on this issue.
    I can update the "Constellation" and "Shelves" toggle buttons to use the appropriate theme CSS variables so they align with the warm Night Theme aesthetic and maintain consistency with the rest of the UI.

    Could you please assign this issue to me?

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