fix/sync-themes - #203
Conversation
✅ Deploy Preview for wordwizard-texteditor ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
|
@avaniparab, I can't able to merge your PR.
|
|
Still there is a problem |
There was a problem hiding this comment.
Pull Request Overview
This PR adds dynamic theme support (light/dark mode) to the FAQ, Terms of Use, Privacy Policy, and Contributors pages. The changes ensure all UI elements adapt their colors, backgrounds, and gradients based on the theme prop passed to each component.
Key changes:
- All four components now accept and utilize a
themeprop to conditionally apply light or dark mode styles - Removed hardcoded gradient backgrounds in favor of transparent backgrounds with theme-aware card styling
- Updated text colors, borders, buttons, and CTA sections to respond dynamically to theme changes
Reviewed Changes
Copilot reviewed 5 out of 5 changed files in this pull request and generated 8 comments.
Show a summary per file
| File | Description |
|---|---|
| src/App.jsx | Passes theme prop to TermsOfUse and Contributors components (FAQ and PrivacyPolicy already had it) |
| src/components/TermsOfUse.jsx | Adds theme prop and applies conditional styling to all elements including headings, cards, paragraphs, and buttons |
| src/components/PrivacyPolicy.jsx | Adds theme prop and updates all UI elements with theme-aware colors and gradients |
| src/components/FAQ.jsx | Adds theme prop, removes search functionality, and applies conditional theme-based styling throughout |
| src/components/Contributors.jsx | Updates loading and content sections with theme-aware styling to replace hardcoded black background |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
|
hey @palchhinparihar, how was that blocked merge thing was removed?? |
|
@avaniparab, a file was missing in the repo so yeah due to that the issue was occurring. |
|
@palchhinparihar, actual set up of codeQL? |
|
yes yes |
📝 Description
This PR updates the FAQ, Terms of Use, Privacy Policy, and Contributors pages to dynamically adapt colors, backgrounds, and gradients based on the theme prop (light/dark).
Fixes #201
🔍 Type of Change
🧪 How Has This Been Tested?
Steps:
📸 Screenshots / Demo (if applicable)
🧠 Checklist
💬 Additional Notes
This update ensures a consistent and professional look across all pages for both light and dark themes. It also sets a foundation for future dynamic theme enhancements and gradient improvements.