Skip to content

Fixes dark mode visibility issue for the Careers job details card by replacing hardcoded border colors with theme-aware values.#7786

Merged
saurabhraghuvanshii merged 1 commit into
layer5io:masterfrom
Bakul2006:UI_Improvement
Jun 6, 2026
Merged

Conversation

@Bakul2006
Copy link
Copy Markdown
Contributor

@Bakul2006 Bakul2006 commented Jun 5, 2026

Description

This PR fixes #7785

Notes for Reviewers

Summary

Fixed the job details card border styling to support both light and dark themes.

Changes

  • Replaced hardcoded border colors with theme-aware color tokens.
  • Updated the main card border to use theme-based styling.
  • Updated the header separator (border-bottom) to use theme-based styling.

Result

  • The job details card remains visually distinguishable in both light and dark modes.
  • Maintains the existing appearance in light mode while improving visibility in dark mode.

Before

  • Border was visible in light mode but nearly invisible in dark mode due to fixed rgba-based colors.

After

  • Border and section separators adapt to the active theme, providing consistent visibility across themes.

Signed commits

  • Yes, I signed my commits.

Signed-off-by: Bakul Bansal <24uec277@lnmiit.ac.in>
@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Jun 5, 2026

PR Preview Action v1.6.3
Preview removed because the pull request was closed.
2026-06-06 12:17 UTC

Copy link
Copy Markdown
Member

@KatalKavya96 KatalKavya96 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks @Bakul2006 , the approach looks good to me.

Replacing the hardcoded border colours with theme-aware values is the right fix here, since the issue was specifically caused by the card border blending into the dark theme background.

@saurabhraghuvanshii saurabhraghuvanshii merged commit 235f5b4 into layer5io:master Jun 6, 2026
4 checks passed
@saurabhraghuvanshii
Copy link
Copy Markdown
Member

Thanks @Bakul2006 lgtm!!

@Bakul2006 Bakul2006 deleted the UI_Improvement branch June 6, 2026 12:24
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[UI] Improve border visibility on Careers UI Engineer page in dark theme

3 participants