Page MenuHomePhabricator
Create Task
Maniphest T354835

[epic] Release night mode as a beta feature on desktop and mobile
Closed, ResolvedPublic
Actions

Description

Background & User story

  1. Why are we doing this ticket?
    1. This ticket will collect all work necessary to provide a night mode to logged-in users as a beta feature. The purpose of the beta feature will be to receive feedback on the initial iteration of night mode as well as to establish an environment that makes it easier to work with template editors and technical volunteers to collaborate on changes necessary to templates
  2. How does it connect to our overall plans? What goal does it link to?
    1. This ticket is part of KR WE 2.1, hypothesis 2.1.1
  3. What previous/central documentation exists?
    1. https://www.mediawiki.org/wiki/Reading/Web/Accessibility_for_reading

User Stories:

  1. As a logged-in user, I want the ability to opt into a night mode, so that I can read more comfortably in low-light settings
  2. As a technical volunteer and template editors, I want the ability to test an early version of night mode, so that I can change my templates to look best in night mode

Requirements

  • An option to turn on a night mode will be deployed as a beta feature across all wikis (more detailed requirements available in subtasks)

Design

Design details will be available in subtasks
Menu design:

Acceptance Criteria

  • All subtasks must be complete
  • All product and design requirements must be complete
  • ...

Open questions

  • What does a beta release mean for mobile?

Communication criteria

  • Beta deployment must be communicated to all wikis ahead of deployment

Related Objects
Search...

StatusSubtypeAssignedTask
 In ProgressDTorsani-WMFT355147 [EPIC] Dark Mode
 ResolvedegardnerT356537 Release experimental styles and CSS variable set of Codex design tokens for use in MediaWiki
 ResolvedovasilevaT341631 [EPIC] Q1 Main hypothesis: Typographical and palette customizations
 ResolvedovasilevaT341632 [EPIC] Palette customizations and dark mode
 ResolvedovasilevaT354835 [epic] Release night mode as a beta feature on desktop and mobile
 ResolvedJdlrobsonT354836 [goal] Allow desktop and mobile page chrome to appear in night mode ahead of beta release
 ResolvedovasilevaT354837 [Night mode] Page background appears in night mode on desktop
ResolvedovasilevaT354838 [Night mode] Page background appears in night mode on mobile
 ResolvedJScherer-WMFT356825 Implement the new night mode color palette in Minerva
 ResolvedovasilevaT357759 Deploy night mode on the minerva skin on test wiki
 ResolvedSpikeSToyofuku-WMFT357077 [Spike] Explore different options for code sharing of page-specific configuration between Minerva and Vector
 ResolvedovasilevaT354842 [Night mode] All global navigation open by default appear in night mode on desktop
 ResolvedovasilevaT354843 [Night mode] Make all open-by-default global navigation appear in night mode on mobile
 ResolvedJdlrobsonT356074 Implement the dark mode color palette and switch LESS variables in Minerva to use it, degrade support for browsers that do not support CSS custom properties
 ResolvedovasilevaT356900 Regression: Issues with color-subtle (Codex .cdx-mixin-css-icon mixin doesn't work with CSS variables)
 ResolvedBUG REPORTJdlrobsonT356928 Regression: Visited links on mobile appearing as black
 ResolvedBUG REPORTJScherer-WMFT357381 Regression: Active link color is broken on mobile
 ResolvedJdlrobsonT356344 [Night mode] Templates can be fixed by editors when necessary for night mode
 DuplicateFeatureNoneT353887 Support prefers-color-scheme in css-sanitizer
 ResolvedSpikeJdlrobsonT356432 [spike] Audit broken experiences in templates night mode
 ResolvedJdlrobsonT357453 WCAG Color Contrast Violations in Infobox on Minerva Skin Night Mode
 ResolvedovasilevaT359658 [QA task] WCAG Color Contrast Violations in Infobox on Minerva Skin Night Mode
 ResolvedFeatureJdlrobsonT241946 Support @media (prefers-color-scheme: ...) rule in css-sanitizer
 DuplicateNoneT357585 WCAG Color Contrast Violations in Tables with Inline Style Attributes on Minerva Night Mode
 ResolvedJdlrobsonT357717 Color Contrast Issue on Wikipedia Portal: Current Events
 ResolvedovasilevaT357721 Hatnote Color Contrast Issues Across Wikipedia Pages on Minerva Night Mode
 DuplicateJdlrobsonT358007 [French Wikipedia] Minerva Night Mode Color Contrast Issue - links in .bandeau-container .bandeau-section.bandeau-niveau-information
 ResolvedJdlrobsonT357730 Template:Track listing has color contrast issues with Minerva Night Mode
 DuplicateNoneT357733 Color Contrast Issue in ambox
 ResolvedJdlrobsonT357735 Color contrast issues with Template:Quote_box in Minerva Night Mode
 ResolvedBUG REPORTovasilevaT358608 Phonos is not night mode friendly
 ResolvedovasilevaT357998 Address color contrast issues in .wikitable
 ResolvedVolker_ET334790 tokens: Implement new static layout background-color tokens
 InvalidNoneT358000 Color Contrast Error - [style] Styling in .reference > a Element in Minerva Night Mode
 InvalidJdlrobsonT358004 Color Contrast Issue in Minerva Night Mode - table.sidebar Template
 DuplicateNoneT358005 Minerva Night Mode Color Contrast Issue - current-events-sidebar (Portal Pages)
 DuplicateNoneT358010 Main Page Template Color Contrast Issue in Minerva Night Mode
 DuplicateNoneT358013 Citation Reference Color Contrast Issue - Minerva Night Mode
 DuplicateNoneT358014 Color Contrast Issue in Minerva Night Mode - .colonnes.liste-simple
 ResolvedovasilevaT358015 Color Contrast Issue in Minerva Night Mode - a.mw-redirect
 ResolvedJdlrobsonT358387 [EPIC] Ensure all template text is readable in night mode: Fix all templates using background without color
 ResolvedJdlrobsonT358164 Set color/background to inherit or #333 on common templates/use of HTML4 bgcolor
 ResolvedJdlrobsonT358012 Navbox Related Color Contrast Issue in Minerva Night Mode
 ResolvedJdlrobsonT357726 Color contrast issue with Template:Side_box in Minerva Night Mode
 DuplicateJdlrobsonT358016 Other Projects Template Color Contrast Issue - Minerva Night Mode
 ResolvedJdlrobsonT358385 Address issues with usage of [bgcolor]
 ResolvedJdlrobsonT356899 [Spike] Explore automatic night mode fixes with content transform team
 DeclinedJdlrobsonT358239 Automatic Correction of Template and Inline Styles
 ResolvedSToyofuku-WMFT358240 [Spike 4hours] Performance Impact Assessment for Night Mode Style Correction
 ResolvedJdlrobsonT358388 Tag problematic pages with tracking category
 ResolvedKSarabia-WMFT358003 [3hr] [FRENCH WIKIPEDIA] Color Contrast Issue in Minerva Night Mode - .alternance
 ResolvedNoneT359488 Make MediaWiki:Minerva.css render blocking to allow editors to ship styles that fix issues with night mode
 OpenNoneT248416 [EPIC] Drop MediaWiki:Mobile.css and MediaWiki:Mobile.js in favor of TemplateStyles and MediaWiki:Minerva.css
 ResolvedovasilevaT359644 Apply night mode fixes to French infoboxes
 ResolvedJdlrobsonT360683 How should Template:Color work in night mode?
 ResolvedBUG REPORTJdlrobsonT360844 Links in elements with background color should become black so they are accessible
 DuplicateBUG REPORTNoneT365318 Dark/night mode shouldn't reset .metadata styles
 ResolvedBUG REPORTovasilevaT357179 Page issues as rendered in article is not compatible with night mode
 OpenovasilevaT358192 [Bug] Page issues icon disappearing on click
 ResolvedBUG REPORTovasilevaT356822 Minerva/MobileFrontend icons not using embedded data URI rules should be compatible with night mode
 ResolvedBUG REPORTabi_T356821 Make <languages> compatible with night mode by using Codex design tokens
 ResolvedBUG REPORT• NikerabbitT358381 Make Translate outdated translations text compatible with night mode
 ResolvedBUG REPORTovasilevaT359081 [Bug] Page previews currently does not work in night mode.
 ResolvedJdlrobsonT360877 [Bug] Page previews gradient not working in night mode
ResolvedBUG REPORTJdlrobsonT358822 Translate extension needs to import mediawiki.skin.variables to get night mode
 ResolvedovasilevaT356341 [Night Mode] I want to opt into or out of night mode on mobile
 ResolvedovasilevaT355065 Set up feature flag and menu for night mode on desktop
 ResolvedovasilevaT357707 Re-order Vector preferences - night mode should be above limited width
 ResolvedovasilevaT355118 Set up feature flag for night mode on mobile
 ResolvedovasilevaT355705 Allow pages to not appear in night mode
ResolvedFeatureNoneT328850 Minerva/Vector: Dark mode toggle needs to be tri state
 OpenNoneT362923 Dark mode toggle needs to be tri state in Extension:DarkMode
 ResolvedovasilevaT356653 Show a toast notification on page load for night mode when the setting doesn't take effect in Minerva
 ResolvedovasilevaT358811 Set Minerva default to day mode
 ResolvedovasilevaT361047 Minerva Night Mode launch notifications
 ResolvedovasilevaT356434 [Night Mode] All pages and overlays that can be accessed within 2 clicks by a logged in user (AMC disabled) appear in night mode on mobile
 ResolvedovasilevaT356425 Make Echo compatible with new night mode palette on mobile
 ResolvedBUG REPORTJdlrobsonT356957 Nearby Pages should use design tokens
 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
 DuplicateNoneT358403 RecentChanges has color contrast issues in night mode
 ResolvedBUG REPORTovasilevaT358405 Special:Notifications should work in night mode
 ResolvedBUG REPORTJdlrobsonT358406 [Design needed] Bytes added on history, contribute, watchlist and recent changes have color contrast issues and is inconsistent with colors on diff pages
 ResolvedovasilevaT361717 [VISUAL CHANGE] Make diffs and change lists text accessible in both day and night modes
 ResolvedDTorsani-WMFT362861 Add decision tokens for diff colors into Codex
 OpenBUG REPORTNoneT357600 Flow doesn't work in night mode
 DuplicateBUG REPORTNoneT358407 Dialog component (report an incident) is not compatible with night mode
 DuplicateBUG REPORTNoneT358408 Special:Block is not night mode ready (OOUI)
 DuplicateBUG REPORTNoneT358409 Special:UserRights does not render readable in night mode
 InvalidBUG REPORTNoneT358410 Special:MovePage has color contrast issue 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
 ResolvedovasilevaT356427 Update MobileFrontend codebase to use CSS variables
 OpenSBissonT356529 Evaluate how Wikistories is impacted by night mode
 ResolvedBUG REPORTovasilevaT360231 FlaggedRevisions not compatible with night mode
 ResolvedovasilevaT359152 Deploy initial version of night mode to pilot wikis on the mobile website for testing
 ResolvedovasilevaT359183 Exclude non-functional pages from night mode
 ResolvedBUG REPORTovasilevaT359958 Exclude list is not working for special page names
 ResolvedJdlrobsonT358238 Implement Linting Rule for Template Style Fixes
 ResolvedJdlrobsonT359205 Deployment Ticket - Linting Rule for Template Style Fixes
 ResolvedNoneT358241 Document new night mode linting rules
 ResolvedJdrewniakT358059 Use Codex experimental build in Minerva to allow codex components to appear in night mode
 ResolvedovasilevaT357722 Main pages should work in night mode
 ResolvedBUG REPORTovasilevaT358528 Mobile editor inconsistently renders both night mode and light mode elements
 ResolvedovasilevaT358797 Autocorrect content which uses inline styles using background without color
 ResolvedovasilevaT359571 Add note specifying night mode release is experimental
 ResolvedJdlrobsonT360132 QA: Night mode linting rule
 ResolvedJdlrobsonT359983 Rename the skin night mode classes to something more sensible before they become widely used
 ResolvedovasilevaT363814 Release dark mode as a beta feature on desktop (May 15th)
ResolvedJdrewniakT354889 Vector 2022 should get night theme
 ResolvedJScherer-WMFT354891 [Design] Implement the dark mode color palette and switch LESS variables in Vector to use it
 ResolvedovasilevaT361157 Change "Night" to "Dark" in Appearance settings
 ResolvedovasilevaT362726 [config] Enable night mode styles on Vector 2022 skin
 ResolvedBUG REPORTovasilevaT363779 [Bug] Echo not compatible with desktop night theme
 ResolvedBUG REPORTovasilevaT363861 Visual Editor overlays do not work in night theme
 OpenNoneT363920 Migrate ResourceLoader Icons in Vector to use Codex

Event Timeline

ovasileva created this task.Jan 11 2024, 10:40 AM
ovasileva added a comment.Jan 11 2024, 5:11 PM

Notes:

  • we do still have the code for anons on mobile
  • beta features work for different skins - can turn it on for mobile from preferences
ovasileva added a comment.Jan 11 2024, 5:13 PM

@ovasileva to set up tickets for setting up feature flags for desktop and mobile

Jdlrobson moved this task from Incoming to Epics/Goals on the Web-Team-Backlog board.Jan 11 2024, 6:15 PM
Jdlrobson moved this task from Backlog to Epics on the FY2023-24-WE 2.1 Typography and palette customizations board.Jan 31 2024, 5:42 PM
ovasileva moved this task from Epics to Milestones on the FY2023-24-WE 2.1 Typography and palette customizations board.Jan 31 2024, 9:54 PM
Jdlrobson triaged this task as Medium priority.Jan 31 2024, 9:57 PM
ovasileva added a subtask: T356434: [Night Mode] All pages and overlays that can be accessed within 2 clicks by a logged in user (AMC disabled) appear in night mode on mobile.Feb 5 2024, 3:25 PM
ovasileva added a subtask: T359152: Deploy initial version of night mode to pilot wikis on the mobile website for testing.Mar 5 2024, 10:54 AM
ovasileva added a subtask: T359183: Exclude non-functional pages from night mode.Mar 5 2024, 3:26 PM
ovasileva closed subtask T359152: Deploy initial version of night mode to pilot wikis on the mobile website for testing as Resolved.Apr 8 2024, 9:14 AM
ovasileva closed subtask T359183: Exclude non-functional pages from night mode as Resolved.
ovasileva added a subtask: T363920: Migrate ResourceLoader Icons in Vector to use Codex.May 6 2024, 5:31 PM
Jdlrobson changed the status of subtask T363920: Migrate ResourceLoader Icons in Vector to use Codex from Open to Stalled.May 15 2024, 12:24 AM
ovasileva closed subtask T363814: Release dark mode as a beta feature on desktop (May 15th) as Resolved.May 20 2024, 9:41 AM
Jdlrobson assigned this task to ovasileva.May 21 2024, 5:53 PM
Jdlrobson subscribed.

This is done, what do we want to do with this ticket? Resolve it?

Jdlrobson closed subtask T354836: [goal] Allow desktop and mobile page chrome to appear in night mode ahead of beta release as Resolved.May 21 2024, 7:50 PM
ovasileva closed subtask T356434: [Night Mode] All pages and overlays that can be accessed within 2 clicks by a logged in user (AMC disabled) appear in night mode on mobile as Resolved.Thu, Jun 27, 9:17 AM
Jdlrobson closed this task as Resolved.Mon, Jul 1, 7:44 PM

Shipped on 16th May and on release timeline: https://www.mediawiki.org/wiki/Reading/Web/Release_timeline#May

Jdlrobson changed the status of subtask T363920: Migrate ResourceLoader Icons in Vector to use Codex from Stalled to Open.Wed, Jul 17, 1:36 AM
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