[Test failure] Dark Mode Compatibility Issues: Visibility Problems Across Several Sections

[HeliaEnayati]

Release

sumac

Expected behavior

When dark mode is enabled, all parts of the interface should be readable and fully compatible with dark mode settings.

Actual behavior

• Handouts and Updates: These sections have a white background.

• Notes: The course tabs to become unreadable. The notes background is white, making it impossible to read the notes' descriptions or the notes
  

• Wiki Settings: The group dropdown menu is illegible in dark mode because both the text and background are white.

• Textbook: Similar issues to the notes section, where course tabs are unreadable. Additionally, the area displaying chapter names has a white background
  

• Teams: When you navigate to the Teams page as a learner, the description color, "page-content-nav," all dropdowns, and team cards are not displaying correctly. Additionally, these issues occur when trying to create a new team.
  

• In all sections where drop-downs are used, such as in problems, the visibility of the drop-down menu in dark mode is poor.

• image-explorer :
  

• Discussion Sidebar

Steps to reproduce

1. Add Handouts and Updates
2. Add notes
3. Add wiki
4. Add textbook
5. Add teams
6. Add a problem --> drop down
7. Add a image-explorer

Additional information

No response