dk-blackfuel opened a new pull request, #11752:
URL: https://github.com/apache/cloudstack/pull/11752
## Summary
Fixes a critical readability issue in the onboarding dashboard when dark
theme is enabled.
### Problem
- The OnboardingDashboard component had a hardcoded white background
(`background: #fff`)
- In dark theme mode, this caused white text to appear on white background
- Result: Completely unreadable welcome text and onboarding content
### Solution
- Replace hardcoded background with CSS variable
`var(--onboarding-background-color, #fff)`
- Add comprehensive `.dark-mode` styles for proper contrast:
- Dark background (#141414) instead of white
- White text (rgba(255, 255, 255, 0.65)) for readability
- Properly styled headings, links, and text elements
- Hover effects for interactive elements
### Testing
- ✅ Verified fix works on staging server (51.159.161.30:8080)
- ✅ Text now clearly visible and readable in dark theme
- ✅ Maintains compatibility with light theme (fallback to white background)
- ✅ All onboarding content properly displays with good contrast
### Screenshots
Before: White-on-white text (unreadable)
After: Proper dark theme with white text on dark background (readable)
## Test plan
- [ ] Test onboarding dashboard in light theme mode
- [ ] Test onboarding dashboard in dark theme mode
- [ ] Verify all text elements are visible and readable
- [ ] Check link hover effects work properly
- [ ] Test on different screen sizes/responsive layout
🤖 Generated with [Claude Code](https://claude.com/claude-code)
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: [email protected]
For queries about this service, please contact Infrastructure at:
[email protected]
