Skip to content

Fix/contribute dark mode code styling#882

Open
Eshita-Badhe wants to merge 11 commits intosayeeg-11:mainfrom
Eshita-Badhe:fix/contribute-dark-mode-code-styling
Open

Fix/contribute dark mode code styling#882
Eshita-Badhe wants to merge 11 commits intosayeeg-11:mainfrom
Eshita-Badhe:fix/contribute-dark-mode-code-styling

Conversation

@Eshita-Badhe
Copy link
Contributor

📝 Description

This PR improves and standardizes dark mode styling on the Contribute page, including a full refactor of code block theming.

The page now uses theme variables instead of hardcoded colors, ensuring consistency and maintainability.


🎯 Issues Resolved:

  • Contribute page background not fully switching in dark mode
  • Code blocks forcing white background in dark theme
  • Inconsistent command and comment colors
  • Multiple conflicting dark-mode overrides
  • Excessive use of !important

✨ Changes Made:

  • Replaced hardcoded code block colors with theme variables
  • Implemented proper dark-mode overrides using CSS variables
  • Removed conflicting white background overrides
  • Standardized comment, command, and inline code styling
  • Improved contrast and readability in dark mode
  • Cleaned redundant dark mode rules

🔗 Related Issue

Fixes #852

📸 Screenshots

image
  • This PR includes UI/UX changes → Screenshots attached
  • This PR does NOT include UI/UX changes

Note: I have worked on this under SWoC26..!
Please review...

Eshita-Badhe and others added 11 commits February 18, 2026 18:37
- Removed hardcoded #ffffff hover background
- Applied dark-mode specific hover styling
- Ensured consistent card elevation and contrast
…mode improvements

- Added new open source programs
- Introduced label badges (Paid, Global, Beginner-Friendly, etc.)
- Implemented filter functionality (Level, Type, Region, Status)
- Upgraded filter UI with premium styling
- Fixed dropdown arrow visibility
- Fixed dark mode select background
- Improved heading contrast in dark mode
- Improved overall scalability and UX
…mode improvements

- Added new open source programs
- Introduced label badges (Paid, Global, Beginner-Friendly, etc.)
- Implemented filter functionality (Level, Type, Region, Status)
- Upgraded filter UI with premium styling
- Fixed dropdown arrow visibility
- Fixed dark mode select background
- Improved heading contrast in dark mode
- Improved overall scalability and UX
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.

Contribute Page Background Remains White in Dark Theme

1 participant

Comments