Describe the bug
The Create Post page (/posts/createpost) does not correctly adapt to dark mode. The main form card, sidebars, and hashtag chips remain white or light gray, and text elements use hardcoded dark colors that lack proper contrast against dark backgrounds.
To Reproduce
Steps to reproduce the behavior:
- Open the application.
- Toggle to 'Dark Mode'.
- Navigate to http://localhost:3000/posts/createpost.
- Observe that the form container and sidebar are still white.
Expected behavior
The page should use theme-aware classes from globals.css so that all backgrounds, borders, and text colors automatically adapt to the dark mode theme, providing a consistent and premium user experience.
Screenshots
Environment (please complete the following information):
- OS: Windows
- Browser: Chrome (v122+)
- Backend Version: [e.g. 1.4.1]
Additional context
The issue was caused by the use of static utility classes like bg-gray-50 and text-gray-700 instead of the centralized theme variables like bg-common-cardBackground and text-text-primary.
Describe the bug
The Create Post page (/posts/createpost) does not correctly adapt to dark mode. The main form card, sidebars, and hashtag chips remain white or light gray, and text elements use hardcoded dark colors that lack proper contrast against dark backgrounds.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
The page should use theme-aware classes from globals.css so that all backgrounds, borders, and text colors automatically adapt to the dark mode theme, providing a consistent and premium user experience.
Screenshots
Environment (please complete the following information):
Additional context
The issue was caused by the use of static utility classes like bg-gray-50 and text-gray-700 instead of the centralized theme variables like bg-common-cardBackground and text-text-primary.