Background
- This ticket will track the deployment and any blockers of dark mode for logged-out users on mobile and desktop for Spanish Wikipedia and other wikis we identified as part of T371070.
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
- We've performed an evaluation on the Spanish Wikipedia stats and are consistently tracking Spanish Wikipedia as Tier 1 or 2
- 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
Prerequisites
- We've performed an evaluation on the Spanish Wikipedia stats and are consistently tracking Spanish Wikipedia as Tier 1 or 2
Deploy List
ace.wikipedia.org
din.wikipedia.org
es.wikipedia.org
is.wikipedia.org
ka.wikipedia.org
mni.wikipedia.org
no.wikipedia.org
szl.wikipedia.org
szy.wikipedia.org
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?
QA Results - Prod
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | T371084#10055117 |
| 2 | ✅ | T371084#10055117 |
| 3 | ✅ | T371084#10055117 |
| 4 | ⬜ | T371084#10055117 |








