🐞 Issue Description
Theme is not being applied consistently on certain pages — specifically, the Terms of Use, FAQs and Privacy Policy pages. Only a portion of the page (such as the top or content section) reflects the selected theme, while the rest of the page remains unchanged, resulting in a visible awkward horizontal line dividing the themed and unthemed sections.
✅ Expected Behavior
The selected theme should be applied uniformly across the entire page, including all sections, backgrounds, and containers, without any visual separation or mismatch.
⚙️ Steps To Reproduce
- Navigate to the Privacy Policy or Terms of Use page.
- Change the theme using the theme dropdown (e.g., Pastel Pink, Dark, Light).
- Observe that only part of the page updates with the new theme, leaving a visible horizontal division.
📸 Screenshots
Example:
The screenshot below shows the FAQs page, where the theme is applied only to part of the layout while the lower section remains unthemed, creating a horizontal color break.
As we can see currently selected theme is green but it is showing default purple background.
🧠 Additional Context
This issue might be caused by incomplete theme context propagation or background gradient not being applied to the full page container. Ensure that:
The theme class or style is applied at the root wrapper level for these static pages.
Global background styles are consistent with other sections of the app.
Gradients or background colors adapt based on the selected theme across all elements.
🐞 Issue Description
Theme is not being applied consistently on certain pages — specifically, the Terms of Use, FAQs and Privacy Policy pages. Only a portion of the page (such as the top or content section) reflects the selected theme, while the rest of the page remains unchanged, resulting in a visible awkward horizontal line dividing the themed and unthemed sections.
✅ Expected Behavior
The selected theme should be applied uniformly across the entire page, including all sections, backgrounds, and containers, without any visual separation or mismatch.
⚙️ Steps To Reproduce
📸 Screenshots
Example:
The screenshot below shows the FAQs page, where the theme is applied only to part of the layout while the lower section remains unthemed, creating a horizontal color break.
As we can see currently selected theme is green but it is showing default purple background.
🧠 Additional Context
This issue might be caused by incomplete theme context propagation or background gradient not being applied to the full page container. Ensure that:
The theme class or style is applied at the root wrapper level for these static pages.
Global background styles are consistent with other sections of the app.
Gradients or background colors adapt based on the selected theme across all elements.