Skip to content

🐛 Bug: Missing Card Borders in Light Mode on Homepage #1926

@Adityakumar37

Description

@Adityakumar37

Describe the bug

Description

In the homepage UI, the card sections (Slack invite card, blog card, and events card) have visible dark borders in Dark Mode, but in Light Mode the borders disappear completely.
This causes the layout to look visually unstructured in Light Mode.

Steps To Reproduce

Steps to Reproduce

Go to: https://json-schema.org/

Switch between Dark Mode and Light Mode.

Observe the card sections on the homepage (Slack card, blog card, upcoming events card).

Expected Behavior

Expected Behavior

Card components should have consistent borders or visual separation in both Light Mode and Dark Mode.

Actual Behavior

In Dark Mode, cards have clear borders/background contrast.

In Light Mode, cards have no border, causing elements to blend into the page.

Screenshots

IN LIGHT MODE:
Image

IN DARK MODE
Image

Device Information [optional]

- OS:
- Browser:
- version:

Are you working on this issue?

Yes

Do you think this work might require an [Architectural Decision Record (ADR)]? (significant or noteworthy)

Yes

Metadata

Metadata

Assignees

Labels

Status: AcceptedIt's clear what the subject of the issue is about, and what the resolution should be.🐛 BugIndicates that the issue is a bug or defect.

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions