Fix Dark mode UI issues

[Pixie-19]

Is your feature request related to a problem? Please describe.

Currently, DevBlog’s dark mode has multiple UI issues that affect usability and readability. Problems include poor contrast, inconsistent theme application, unreadable text/images, invisible shadows/borders, unstyled modals, and third-party components not adapting to dark mode. The theme toggle also does not persist user preference.

Describe the solution you'd like

• Ensure all UI elements respond correctly to dark mode.
• Improve contrast and readability for text and backgrounds.
• Adjust images, icons, borders, and shadows to fit dark mode.
• Make modals, overlays, and third-party components respect the dark theme.
• Persist theme preference using localStorage.
• Implement smooth transitions when switching themes.
• Optionally, respect the system prefers-color-scheme setting.

Describe alternatives you've considered

• Provide only a light mode (not preferred).
• Manual theme switching via CSS (less user-friendly).

Additional context
Fixing these issues will improve accessibility, readability, and overall user experience in DevBlog’s dark mode.

Request for assignment
I would like to work on resolving these dark mode issues. Kindly assign this issue to me under hacktoberfest.

[abhinab-choudhury]

can you assign this issue to me

[Pixie-19]

@abhinab-choudhury i am working on it

[vivekvernekar26]

can u assign this issue to me