[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

[magajh]

Thank you for the report! An issue has been opened for the Tutor-Indigo maintainers to look into and address this problem overhangio/tutor-indigo#107

[DawoudSheraz]

Hello, cross-posting the update from relevant tutor-indigo issue overhangio/tutor-indigo#107 (comment)

cc: @magajh @mariajgrimaldi

[DawoudSheraz]

Hello, adding some updates on dark theme fixups:

• Teams tab issues have been fixed in fix: fix various dark theme issues with Teams tab overhangio/tutor-indigo#114
• Notes and textbook tabs have been fixed in fix: add dark-theme to notes and textbook page overhangio/tutor-indigo#115
• Course updates and handouts have been fixed in fix: add dark-theme to iframes that has srcDoc attribute overhangio/tutor-indigo#112
• drop down problem has been fixed in fix: dropdown problem rendering issue on light theme overhangio/tutor-indigo#110
• wiki issue was not reproducible

Pending issues (for a follow-up ticket)

• Discussions MFE side bars
• image-explorer

I will add the relevant new issues once created. This would be good to close as we have covered major parts of the issue.