Page MenuHomePhabricator
Create Task
Maniphest T354835

[epic] Release night mode as a beta feature on desktop and mobile
Open, MediumPublic
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
 OpenJdrewniakT341631 [EPIC] Q1 Main hypothesis: Typographical and palette customizations
 OpenJdrewniakT341632 [EPIC] Palette customizations and dark mode
 OpenNoneT354835 [epic] Release night mode as a beta feature on desktop and mobile
 OpenNoneT354836 [goal] Allow desktop and mobile page chrome to appear in night mode ahead of beta release
 OpenNoneT354837 [Night mode] Page background appears in night mode on desktop
OpenNoneT354838 [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
 OpenNoneT354842 [Night mode] All global navigation open by default appear in night mode on desktop
 OpenNoneT354889 Vector 2022 should use the experimental Codex build
 ResolvedJScherer-WMFT354891 [Design] Implement the dark mode color palette and switch LESS variables in Vector to use it
 OpenNoneT354843 [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
 OpenNoneT356344 [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
 OpenBUG REPORTNoneT357575 File pages are not compatible with 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
 In ProgressNoneT357730 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
 StalledNoneT358013 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
 OpenNoneT358387 [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
 OpenKSarabia-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
 OpenEdtadrosT359644 Apply night mode fixes to French infoboxes
 ResolvedJdlrobsonT360683 How should Template:Color work in night mode?
 OpenBUG REPORTNoneT360844 Links in elements with background color should become black so they are accessible
 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 REPORTNikerabbitT358381 Make Translate outdated translations text compatible with night mode
 ResolvedBUG REPORTovasilevaT359081 [Bug] Page previews currently does not work in night mode.
 OpenovasilevaT360877 [Bug] Page previews gradient not working in night mode
ResolvedBUG REPORTJdlrobsonT358822 Translate extension needs to import mediawiki.skin.variables to get night mode
 OpenovasilevaT356341 [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
 OpenNoneT361047 Minerva Night Mode launch notifications
 OpenNoneT356434 [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
 OpenBUG REPORTNoneT357699 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
 OpenNoneT358403 RecentChanges has color contrast issues in night mode
 StalledBUG REPORTNoneT358405 Special:Notifications has color contrast issues 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
 StalledJdlrobsonT361717 Make diffs and change lists text accessible in both day and night modes
 OpenDTorsani-WMFT362861 Add decision tokens for diff colors into Codex
 OpenBUG REPORTovasilevaT357600 Flow doesn't work in night mode
 DuplicateBUG REPORTNoneT358407 Dialog component (report an incident) is not compatible with night mode
 OpenBUG REPORTNoneT358408 Special:Block is not night mode ready (OOUI)
 OpenBUG REPORTNoneT358409 Special:UserRights does not render readable in night mode
 OpenBUG REPORTNoneT358410 Special:MovePage has color contrast issue in night mode
 ResolvedovasilevaT356427 Update MobileFrontend codebase to use CSS variables
 OpenSBissonT356529 Evaluate how Wikistories is impacted by night mode
 OpenBUG REPORTNoneT360231 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

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.Mon, Apr 8, 9:14 AM
ovasileva closed subtask T359183: Exclude non-functional pages from night mode as Resolved.
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