Linh - Fix: Improve unreadable question text in dark mode on Unanswered FAQs page#4856
Linh - Fix: Improve unreadable question text in dark mode on Unanswered FAQs page#4856linh2020 wants to merge 1 commit intodevelopmentfrom
Conversation
…aqs page Replace hardcoded light-theme colors with theme-aware styling. Updated question text, metadata, headings, loading/empty states, and card styles to ensure proper contrast and readability in dark mode.
✅ Deploy Preview for highestgoodnetwork-dev ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
|
one-community
added
the
High Priority - Please Review First
Anusha-Gali
left a comment
Anusha-Gali
left a comment
There was a problem hiding this comment.
Hi Linh,
I have reviewed your PR locally and the questions are now visible in dark mode in the page /unanswered-faqs. Thank you for making the changes.
Note: i also did check using /faq - when i click on submit it gives a failure toast notification but when i reload /unanswered-faqs - the question appears and am able to verify the UI.
HemanthNidamanuru
left a comment
HemanthNidamanuru
left a comment
There was a problem hiding this comment.
Hi Linh,
I tested this locally, and the question text is clearly visible, the timestamp remains readable, and the card background and border match the theme with no visual regression in light mode.
4 participants
Description
Resolved the UI visibility issue reported on the /unanswered-faqs page where the question text was difficult to read in dark mode.
The problem was caused by hardcoded light-theme colors that produced insufficient contrast against the dark background. The component styling was updated to use theme-aware colors driven by the Redux darkMode state so the UI adapts correctly in both themes.
Related PRS (if any):
To test this backend PR you need to checkout the OneCommunityGlobal/HGNRest#1718
Main changes explained:
How to test:
Screenshots or videos of changes:
