NOTE: Deployment is currently scheduled for July 16th
Background
- This ticket will track the deployment and any blockers of dark mode for logged-out users to the Vector22 skin
User story
- As a readers, I want the ability to read in dark mode so that I can read easily in low-light settings
Requirements
- The color section should be available on the appearance menu
- The default color should be "light"
- Selecting dark mode should change the page to appear in dark mode
- If the page is not available in dark mode, users will not be able to switch to dark mode and a notice will be available
- List of pages/features that appear/do not appear in dark mode is available here
- Use the existing skin-themes dblist, making sure that the dblist only contains the tier 1 wikis.
Sequencing
Please refer to https://docs.google.com/spreadsheets/d/126bCNwHfbTHN2ZXupE81Zi2_xowGV5d-Wag6vM7qcIc/edit?gid=736145904#gid=736145904 for latest sequencing
Prerequisites
- Night mode for vector Logged-in All Wikipedias Light and Night mode for Minerva Logged-in users All Wikipedias Light Jul 15 (T368795)
- Define tier 1 and 2 wikis: T369656 is a blocker.
- All subtasks are closed or individually marked as non-blockers
TODO
- Night mode for vector Logged-out Tier 1 and Tier 2 Light July 16
Requirement
Deploy dark mode to logged-out users in tier 1 and 2 wikis on the Vector2022 and Minerva skins, ensuring the color section is available in the appearance menu, defaulting to "light" mode. Users should be able to switch to dark mode and back to light mode. If a page is not available in dark mode, a notice should be shown.
BDD
Feature: Deploy Dark Mode to Logged-out Users on Vector2022 and Minerva Skins
Scenario: Enable dark mode for logged-out users
Given the user is logged out
When the user accesses the appearance menu
Then the color section should be available
And the default color should be "light"
When the user selects dark mode
Then the page should change to appear in dark mode
When the user switches back to light mode
Then the page should revert to light mode
And if the page is not available in dark mode
Then a notice should be shownTest Steps
Test Case 1: Verify Dark Mode Deployment for Logged-out Users
- Log out as a user.
- Navigate to the appearance menu.
- AC1: Confirm that the color section is available and the default color is "light".
- Select dark mode.
- AC2: Confirm that the page changes to appear in dark mode.
- Switch back to light mode.
- AC3: Confirm that the page reverts to light mode.
- Navigate to a page not available in dark mode.
- AC4: Confirm that a notice is shown indicating the page is not available in dark mode.
Design
- Add mockups and design requirements
Acceptance criteria
- All subtasks are complete
- All requirements are complete
- All Communication criteria is complete
Communication criteria - does this need an announcement or discussion?
- Community is informed across wikis and any necessary questions and concerns are addressed
Rollback plan
- What is the rollback plan in production for this task if something goes wrong?
This task was created by Version 1.0.0 of the Web team task template using phabulous
QA (production )
| Result | Project | Video |
| bcl.wikipedia.org | ||
| ✅ | en.wikipedia.org |  |
| ✅ | fa.wikipedia.org |  |
| fr.wikipedia.org | ||
| ga.wikipedia.org | ||
| hak.wikipedia.org | ||
| ha.wikipedia.org | ||
| ✅ | ja.wikipedia.org |  |
| kab.wikipedia.org | ||
| nl.wikipedia.org | ||
| pl.wikipedia.org | ||
| pt.wikipedia.org | ||
| smn.wikipedia.org | ||
| test.wikipedia.org | ||
| vec.wikipedia.org | ||
| ✅ | zh.wikipedia.org |  |
https://phabricator.wikimedia.org/T367150#10019847
https://phabricator.wikimedia.org/T367150#10019911
QA Results - Prod
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | Vector 2022: T367150#10019847 Minerva: T367150#10019911 |
| 2 | ✅ | Vector 2022: T367150#10019847 Minerva: T367150#10019911 |
| 3 | ✅ | Vector 2022: T367150#10019847 Minerva: T367150#10019911 |
| 4 | ⬜ | Vector 2022: T367150#10019847 Minerva: T367150#10019911 |
