Description

Background

The web team will soon be releasing dark mode more widely. To prepare for this, DST have worked on switching OOUI to work in dark mode. As a part of this, we want to identify which, if any, parts of Growth-owned pages and extensions need further work after the OOUI changes are in place

User story

As a new editor who uses dark mode, I want the ability to use dark mode on the newcomer homepage and within Echo, so that I do not have an inconsistent experience

Requirements

Perform exploratory testing of OOUI dark mode fixes on:
- The newcomer homepage
- Suggested Edits & Structured Tasks
- Mentor Dashboard
- Help panel
- Echo
- Anywhere else the Growth team uses OOUI
Document any issues in a table

Test Results

For QA engineer to fill out
Special:Homepage UI issues are filed as T367372: [QA task] Homepage - dark mode UI evaluation

This task was created by Version 1.0.0 of the Web team task template using phabulous

Related Objects
Search...

Status	Assigned	Task
Open	Jdrewniak	T341631 [EPIC] Q1 Main hypothesis: Typographical and palette customizations
Open	Jdrewniak	T341632 [EPIC] Palette customizations and dark mode
Open	None	T367150 Deploy dark mode to logged-out users on the Vector2022 skin
Open	None	T366760 [EPIC] Dark mode for Growth team maintained features
Open	Etonkovidova	T367058 QA Growth-related OOUI updates (mobile + desktop)
Open	None	T367372 [QA task] Homepage - dark mode UI evaluation

Event Timeline

ovasileva created this task.Mon, Jun 10, 1:41 PM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptMon, Jun 10, 1:41 PM

ovasileva triaged this task as High priority.Mon, Jun 10, 1:41 PM

ovasileva moved this task from Incoming to Tracking on the Web-Team-Backlog board.

KStoller-WMF added a parent task: T366760: [EPIC] Dark mode for Growth team maintained features.Mon, Jun 10, 2:59 PM

ovasileva added a project: FY2023-24-WE 2.1 Typography and palette customizations.Mon, Jun 10, 3:03 PM

KStoller-WMF assigned this task to Etonkovidova.Mon, Jun 10, 3:31 PM

KStoller-WMF updated the task description. (Show Details)Mon, Jun 10, 3:34 PM

RHo subscribed.Mon, Jun 10, 3:47 PM

KStoller-WMF moved this task from Inbox to Up Next on the Growth-Team board.Mon, Jun 10, 3:48 PM

ovasileva added a parent task: T367150: Deploy dark mode to logged-out users on the Vector2022 skin.Tue, Jun 11, 9:43 AM

KStoller-WMF moved this task from Up Next to Sprint 16 (Growth Team) on the Growth-Team board.Tue, Jun 11, 4:37 PM

KStoller-WMF edited projects, added Growth-Team (Sprint 16 (Growth Team)); removed Growth-Team.

Etonkovidova updated the task description. (Show Details)Wed, Jun 12, 12:25 AM

KStoller-WMF moved this task from Incoming to Blocked / Needs Work on the Growth-Team (Sprint 16 (Growth Team)) board.Wed, Jun 12, 4:08 PM

I moved this to blocked to communicate that we should wait until the OOUI change was merged before testing.

This is done now: Codex 1.7.0, OOUI 0.50.0 has also been released and is now available on beta.
This release updates OOUI color variables to respect CSS custom properties in the same way that Codex does. This means that most parts of OOUI should seamlessly switch into dark mode along with the surrounding page (assuming you are on Vector or Minerva).
Details: T364777: [EPIC] Enable dark mode in OOUI.

However, I think we should also wait until this task is resolved T365764: [OOUI] Icons: Add support for use in dark mode before testing.

Etonkovidova mentioned this in T367372: [QA task] Homepage - dark mode UI evaluation .Wed, Jun 12, 11:43 PM

Etonkovidova updated the task description. (Show Details)

Etonkovidova added a subtask: T367372: [QA task] Homepage - dark mode UI evaluation .

Etonkovidova updated the task description. (Show Details)Wed, Jun 12, 11:46 PM

Jdlrobson moved this task from Backlog to Milestones on the FY2023-24-WE 2.1 Typography and palette customizations board.Thu, Jun 13, 12:58 AM

	F55249976: Screen Shot 2024-06-11 at 4.35.31 PM.png
	Wed, Jun 12, 12:25 AM

	F55249972: Screen Shot 2024-06-11 at 4.35.22 PM.png
	Wed, Jun 12, 12:25 AM

	F55249967: Screen Shot 2024-06-11 at 4.46.01 PM.png
	Wed, Jun 12, 12:25 AM

	F55249959: Screen Shot 2024-06-11 at 4.45.54 PM.png
	Wed, Jun 12, 12:25 AM

	F55250480: Screen Shot 2024-06-11 at 4.54.30 PM.png
	Wed, Jun 12, 12:25 AM

	F55250483: Screen Shot 2024-06-11 at 5.06.56 PM.png
	Wed, Jun 12, 12:25 AM

	F55250421: Screen Shot 2024-06-11 at 4.54.13 PM.png
	Wed, Jun 12, 12:25 AM

	F55250457: Screen Shot 2024-06-11 at 5.21.24 PM.png
	Wed, Jun 12, 12:25 AM

QA Growth-related OOUI updates (mobile + desktop)Open, HighPublicActions