Skip to content

Comments

Fix dark mode text contrast issue in Why OpenSource Compass section#931

Open
alenalex-009 wants to merge 1 commit intosayeeg-11:mainfrom
alenalex-009:fix/dark-mode-hover-contrast
Open

Fix dark mode text contrast issue in Why OpenSource Compass section#931
alenalex-009 wants to merge 1 commit intosayeeg-11:mainfrom
alenalex-009:fix/dark-mode-hover-contrast

Conversation

@alenalex-009
Copy link

@alenalex-009 alenalex-009 commented Feb 21, 2026

📋 Description

This PR is submitted under Social Winter of Code (SWOC).

This update resolves dark mode visibility and hover contrast issues in the "Why OpenSource Compass?" section to improve readability and maintain consistent UI behavior.


🔧 Changes Made

  • Fixed poor text visibility in dark mode for section headings
  • Improved contrast for the following headings:
    • Start with Strong Foundations
    • Grow with Mentorship
    • Navigate Community & Culture
    • Community Driven
  • Enhanced hover state styling for better readability
  • Adjusted paragraph color for better visibility in dark mode
  • Ensured consistent gold accent usage across dark mode
  • Verified no visual regressions in light mode
  • Confirmed responsiveness remains unaffected

📸 Screenshots

image

📝 Additional Note

After syncing with the latest upstream changes, I observed that the card hover contrast issue has already been resolved in a recent merge. I verified the behavior locally, and it appears to be functioning correctly.

📸 Screenshots

6b358af9-eb7d-4041-82ae-d81b1b556bee

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.

1 participant