Skip to content

🐞[Bug]: UI Inconsistency on Home Page & Footer [Basically everything] **During Dark/Light Mode Toggle** #209

@piyushhvarma

Description

@piyushhvarma

Is there an existing issue for this?

  • I have searched the existing issues

Describe the bug

(before starting i've searched the existing issue and it had one similar thing but it was 3 days ago and it was still open issue no. 169 but but it had only spotted the first page issue so I have a solution for the detailed one)

The issue :

While switching between Dark Mode and Light Mode, there are multiple UI inconsistencies on the homepage and footer of the website.

  • Some texts lose readability in Dark Mode.
  • One of the blog cards appears visually broken across both themes.
  • Footer styles do not transition cleanly when toggling the theme.
Image Image Image Image Image Image

Expected behavior

All components (text, cards, footer) should respond smoothly and consistently to dark/light mode transitions.

  • Text should remain readable in both modes.
  • Blog cards should have uniform padding, border, and layout.
  • Footer should adapt background and text color as per selected theme.

Add ScreenShots

Here are the working screenshots or you can say the screenshots of working ui in light mode which are irregular in dark mode
"2 of them has issues in both the modes"

Image Image Image Image Image Image

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

Assignees

Labels

area:UIRelated to UI/UX. For Frontend Developers.gssoc25level 230 points

Type

Projects

Status

Done

Relationships

None yet

Development

No branches or pull requests

Issue actions