Skip to content

Light-mode dashboard UI issues: invisible buttons, overlapping counts, unreadable text #109

@harsimran-kaur01

Description

@harsimran-kaur01

Describe the bug

In light mode, several UI elements on the dashboard are not readable or visually overlapping:

Buttons are white by default and only visible when hovered.

Ham and Spam counts inside the black card overlap.

Some text and links are white, making them invisible on the light background.

These issues make the dashboard hard to read and interact with.
@eccentriccoder01,Could you please assign it to me?

To Reproduce

Steps to reproduce the behavior:

Open the Spamlyser app in light mode.

Navigate to the dashboard.

Observe the following:

Buttons are almost invisible until hovered.

Ham and Spam counts overlap.

Certain text and links are not readable.

Expected behavior

Buttons should be visible without hovering.

Ham and Spam counts should not overlap.

All text and links should be clearly readable in light mode.

Additional context

https://ibb.co/5XMHFqcK

Metadata

Metadata

Labels

bugSomething isn't workinginvalidThis doesn't seem right

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions