💡 [FEATURE] - Learning content is not coming in dark mode when dark mode is enabled

[vishal02527]

Idea Contribution

• [X] I have read all the feature request issues.
• [X] I'm interested in working on this issue
• [X] I'm part of GSSOC organization

Explain feature request

@jfmartinz I seen your project, it's really amazing but I got an issue that, when dark mode is enabled in the learning page then only body color has been changed and learning content has not been changed. Learning content is still in light mode even after dark mode is enabled. This is an important part that is missing in this project.

See the below screenshot:

Explain your solution

I will work on this issue to implement such functionality that learning content will also be managed according to dark mode when dark mode is enabled.

So Please add labels on this issue and assign this to me under gssoc'24.

Any alternative approaches/features

No response

Additional Context

No response

[jfmartinz]

@jfmartinz [FEATURE] - Implement Dark Mode for Learning Content

Feature Request: Currently, when dark mode is enabled on the learning page, only the body color changes, while the learning content remains in light mode. This inconsistency disrupts the user experience. The request is to implement dark mode functionality for the learning content, ensuring it adapts seamlessly to the dark mode theme.

Solution: To address this issue, I propose implementing functionality that dynamically adjusts the learning content based on the dark mode setting. This involves updating the styles of the learning content elements to match the dark mode theme when enabled.

Steps to Implement:

Identify the elements containing the learning content. Implement logic to toggle between light and dark mode styles based on the user's preference. Apply appropriate CSS styles to ensure the learning content is legible and visually consistent in both light and dark modes. Additional Considerations:

Test the implementation thoroughly to ensure compatibility across different browsers and devices. Consider user preferences for customization options, such as the ability to manually toggle dark mode on or off. Optimize performance to ensure smooth rendering and responsiveness of the learning content in dark mode. Please add the "gssoc24" label and assign this issue to me. I'm excited to contribute to improving the project's user experience by implementing dark mode for the learning content.

Please stop commenting when you see this checked:

You cana create your own issue instead, thanks