Page MenuHomePhabricator
Create Task
Maniphest T366760

[EPIC] Dark mode for Growth team maintained features
Closed, ResolvedPublic
Actions

Description

User story & summary:

As a logged out or logged in user, I want to view the wiki in dark mode so that I can give my eyes a break.

Background:

Dark mode is rolling out, and we should ensure Growth maintained features are compatible.
https://www.mediawiki.org/wiki/Reading/Web/Accessibility_for_reading

This epic is meant to help collect dark mode tasks that relate to the GrowthExperiments extension and other Growth maintained features.

Related Objects
Search...

StatusSubtypeAssignedTask
 ResolvedDTorsani-WMFT355147 [EPIC] Dark Mode
 ResolvedegardnerT356537 Release experimental styles and CSS variable set of Codex design tokens for use in MediaWiki
 ResolvedSgsT366760 [EPIC] Dark mode for Growth team maintained features
 ResolvedBUG REPORTovasilevaT358405 Special:Notifications should work in night mode
 ResolvedJdlrobsonT364777 [EPIC] Enable dark mode in OOUI
 DeclinedFeatureegardnerT363849 [OOUI] Make WikimediaUI theme compatible with CSS custom properties and future versions Codex Design Tokens
 DuplicateNoneT364420 QA Editing-related night mode changes (desktop)
 ResolvedovasilevaT360691 QA Editing-related OOUI updates (mobile + desktop)
 DuplicateBUG REPORTNoneT365517 PopupWidget notification for hidden sidebars has white background
 DeclinedFeatureegardnerT363857 [OOUI] Make WikimediaUI theme compatible with 'rem' units and future versions Codex Design Tokens
 DuplicateCCiufo-WMFT365521 QA Editing-related REM changes
 ResolvedovasilevaT365764 [OOUI] Icons: Add support for use in dark mode
 ResolvedNBaca-WMFT366709 [Spike] Make a decision on what needs to happen for icons before the new OOUI release
 DeclinedVolker_ET366101 [OOUI] Fix font size inconsistencies across skins with `rem` based sizing
 ResolvedBUG REPORTJdlrobsonT357699 Prepare Special:Homepage for night mode
 ResolvedAnneTT356540 Make CSS-only icons compatible with CSS variables
 ResolvedBUG REPORTJdlrobsonT357845 Regression: Minerva bell icon is black not gray
 ResolvedovasilevaT366322 Fix Echo color contrast issues in standard theme & night mode
 ResolvedJdlrobsonT366376 Special:EditGrowthConfig, Special:MentorDashboard and Special:EnrollAsMentor has color contrast issues in night theme
 ResolvedEtonkovidovaT367058 QA Growth-related OOUI updates (mobile + desktop)
 ResolvedEtonkovidovaT367372 [QA task] Homepage - dark mode UI evaluation
ResolvedCyndymediawiksimT369588 Dark Mode: Suggested Edits & Structured Tasks
 ResolvedBUG REPORTSgsT371146 Structured Tasks: structured tasks onboarding elements not readable in Dark Mode
ResolvedJFernandez-WMFT371901 Provide Add a link on-boarding assets without embedded background colors
 ResolvedBUG REPORTSgsT371564 Suggested Edits: unstructured tasks onboarding elements not readable in Dark Mode
DuplicateSgsT378592 Contrast issues in StartEditing and SuggestedEdits modules
 ResolvedScardenasmolinarT369589 Dark mode: Special:RecentChanges/Watchlist
 ResolvedEtonkovidovaT369590 Dark mode: Mentor Dashboard
 ResolvedBUG REPORTEtonkovidovaT356347 Dark mode on MentorDashboard - icons displayed with low contrast
 ResolvedNoneT369591 Dark mode: Special:Notifications
 ResolvedTheDJT367986 Use Codex color tokens instead of Growth custom variables
 ResolvedSgsT372661 Dark Mode: dialog "About suggested edits" has low contrast for paragraph text
DeclinedBUG REPORTNoneT372064 Issues with Growth home page experience in dark mode
 DuplicateNoneT373392 Dark mode: Homepage-Impact modules displays thumbnails with non-inverted colors
 ResolvedBUG REPORTSgsT379485 SpecialHomepage: "Get a mentor" has a black icon on dark mode
 OpenRehan_khan_78T372056 "You have a new Talk page message" is not accessible in dark mode
 OpenBUG REPORTNoneT378258 StructuredDiscussions/Flow icons are Black on Dark Grey background when in Dark Mode
 ResolvedBUG REPORTjhsobyT370079 Language overlay on WelcomeSurvey is in light mode
 OpenNoneT368691 Special:Notifications should not invert content and use design tokens instead - should not have accessibility issues in light or dark mode.
 OpenBUG REPORTNoneT357600 Flow doesn't work in night mode
 OpenBUG REPORTNoneT377228 Cross-wiki notification icon appears incorrectly in dark mode (skin-invert class issue)
 ResolvedFeatureMichaelT375351 Wikilove needs a dark mode treatment
 ResolvedJdlrobson-WMFT382463 [wmf.8] Dark mode: low contrast for hover over Echo notifications badges and counter
 ResolvedBUG REPORTNoneT343838 Echo should progressively enhance existing notification icon rather than creating its own

Event Timeline

KStoller-WMF created this task.Jun 5 2024, 9:51 PM
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptJun 5 2024, 9:52 PM
KStoller-WMF triaged this task as Medium priority.Jun 5 2024, 9:52 PM
KStoller-WMF moved this task from Inbox to Active Epics on the Growth-Team board.
KStoller-WMF mentioned this in T284086: Add a link: issue with a personal script (dark-mode) on mobile.Jun 5 2024, 9:56 PM
KStoller-WMF added a subtask: T356347: Dark mode on MentorDashboard - icons displayed with low contrast.
KStoller-WMF added a subtask: T358405: Special:Notifications should work in night mode.Jun 5 2024, 9:59 PM
KStoller-WMF added a subtask: T357699: Prepare Special:Homepage for night mode.
KStoller-WMF added a subtask: T366322: Fix Echo color contrast issues in standard theme & night mode.
KStoller-WMF added a subtask: T366376: Special:EditGrowthConfig, Special:MentorDashboard and Special:EnrollAsMentor has color contrast issues in night theme.Jun 5 2024, 10:02 PM
KStoller-WMF added subscribers: DMburugu, JFernandez-WMF.Jun 5 2024, 10:04 PM
Escargot_rouge subscribed.Jun 6 2024, 4:05 PM
KStoller-WMF added a subtask: T367058: QA Growth-related OOUI updates (mobile + desktop).Jun 10 2024, 2:59 PM
ovasileva closed subtask T358405: Special:Notifications should work in night mode as Resolved.Jun 28 2024, 2:15 PM
ovasileva closed subtask T366322: Fix Echo color contrast issues in standard theme & night mode as Resolved.Jul 1 2024, 10:19 AM
Jdlrobson closed subtask T357699: Prepare Special:Homepage for night mode as Resolved.Jul 1 2024, 4:25 PM
Jdlrobson closed subtask T366376: Special:EditGrowthConfig, Special:MentorDashboard and Special:EnrollAsMentor has color contrast issues in night theme as Resolved.Jul 1 2024, 11:28 PM
Sgs added a subtask: T367986: Use Codex color tokens instead of Growth custom variables.Jul 3 2024, 4:36 PM
Etonkovidova closed subtask T367058: QA Growth-related OOUI updates (mobile + desktop) as Resolved.Jul 10 2024, 9:23 PM
Restricted Application added a project: Epic. · View Herald TranscriptJul 10 2024, 9:23 PM
KStoller-WMF raised the priority of this task from Medium to High.Jul 25 2024, 12:03 AM
Etonkovidova added a subtask: T372661: Dark Mode: dialog "About suggested edits" has low contrast for paragraph text .Aug 16 2024, 5:59 PM
Etonkovidova added a subtask: T372064: Issues with Growth home page experience in dark mode.Aug 16 2024, 8:53 PM
KStoller-WMF added a subtask: T373392: Dark mode: Homepage-Impact modules displays thumbnails with non-inverted colors.Sep 13 2024, 9:54 PM
KStoller-WMF closed subtask T372064: Issues with Growth home page experience in dark mode as Declined.Sep 13 2024, 10:08 PM
• TeeraphanAotjantuek changed the status of subtask T372064: Issues with Growth home page experience in dark mode from Declined to Resolved.Oct 30 2024, 1:25 PM
• TeeraphanAotjantuek subscribed.
SCP-2000 changed the status of subtask T372064: Issues with Growth home page experience in dark mode from Resolved to Declined.Oct 30 2024, 1:39 PM
Urbanecm_WMF added a subtask: T379485: SpecialHomepage: "Get a mentor" has a black icon on dark mode.Nov 10 2024, 8:40 PM
Etonkovidova closed subtask T356347: Dark mode on MentorDashboard - icons displayed with low contrast as Resolved.Nov 16 2024, 12:06 AM
Etonkovidova closed subtask T379485: SpecialHomepage: "Get a mentor" has a black icon on dark mode as Resolved.Dec 11 2024, 11:02 PM
Sgs added a project: dark-mode.Dec 16 2024, 10:44 AM
Sgs closed subtask T372661: Dark Mode: dialog "About suggested edits" has low contrast for paragraph text as Resolved.Dec 16 2024, 10:46 AM
Sgs added a subtask: T372056: "You have a new Talk page message" is not accessible in dark mode.
Sgs added a subtask: T378258: StructuredDiscussions/Flow icons are Black on Dark Grey background when in Dark Mode.
Sgs added a subtask: T370079: Language overlay on WelcomeSurvey is in light mode.Dec 16 2024, 10:48 AM
Sgs added a subtask: T368691: Special:Notifications should not invert content and use design tokens instead - should not have accessibility issues in light or dark mode..
Sgs added a subtask: T357600: Flow doesn't work in night mode.
Sgs added a subtask: T377228: Cross-wiki notification icon appears incorrectly in dark mode (skin-invert class issue).
Sgs added a subtask: T375351: Wikilove needs a dark mode treatment.Dec 16 2024, 10:50 AM
Sgs added a subtask: T382463: [wmf.8] Dark mode: low contrast for hover over Echo notifications badges and counter.Dec 19 2024, 11:41 AM
Escargot_rouge unsubscribed.Dec 19 2024, 2:48 PM
Etonkovidova closed subtask T375351: Wikilove needs a dark mode treatment as Resolved.Jan 28 2025, 11:55 PM
KStoller-WMF assigned this task to Sgs.Mar 31 2025, 2:27 AM
Michael changed the status of subtask T382463: [wmf.8] Dark mode: low contrast for hover over Echo notifications badges and counter from Open to Stalled.Apr 2 2025, 8:29 AM
Jdlrobson-WMF closed subtask T382463: [wmf.8] Dark mode: low contrast for hover over Echo notifications badges and counter as Resolved.May 14 2025, 7:33 PM
TheDJ closed subtask T367986: Use Codex color tokens instead of Growth custom variables as Resolved.Sep 17 2025, 7:07 PM
KStoller-WMF closed this task as Resolved.Sep 17 2025, 8:37 PM
jhsoby closed subtask T370079: Language overlay on WelcomeSurvey is in light mode as Resolved.Nov 10 2025, 10:13 PM
Content licensed under Creative Commons Attribution-ShareAlike (CC BY-SA) 4.0 unless otherwise noted; code licensed under GNU General Public License (GPL) 2.0 or later and other open source licenses. By using this site, you agree to the Terms of Use, Privacy Policy, and Code of Conduct. · Wikimedia Foundation · Privacy Policy · Code of Conduct · Terms of Use · Disclaimer · CC-BY-SA · GPL · Credits