Dark Mode not rendering correctly

[Nishusk]

Describe the bug

When enabling Dark Mode, the expected behavior is for all elements and content on the page to be displayed in a darker color scheme. However, it has been observed that only the scrollbar is being rendered correctly in a darker color, while the rest of the contents, including text and background, remain in a lighter color. This inconsistency in Dark Mode rendering affects the overall user experience and can make the content less readable or visually appealing.

Expected behaviour

When Dark Mode is enabled, the entire interface, including the scrollbar, text, and background, should be displayed in a darker color scheme, providing a cohesive and visually pleasing user experience.

Screenshots

Additional context

To fix this issue, it is necessary to apply the appropriate styles to ensure that all content elements are correctly rendered in a darker color scheme when Dark Mode is enabled. This may involve updating CSS rules, adjusting color values, or addressing any conflicting styles that are preventing the proper rendering of the Dark Mode.

I am interested in resolving this issue and would like to take ownership of it. Kindly assign this bug to me, and I will work on fixing it promptly.

Code of Conduct

• I agree to follow this project's Code of Conduct

[Nishusk]

Please assign this to me under GSSoC'23!