Page MenuHomePhabricator

Deploy dark mode to eswiki and other "ready" wikis
Closed, ResolvedPublic

Description

NOTE: deploy date Tuesday, August 6

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 shown

Test Steps

Test Case 1: Verify Dark Mode Deployment for Logged-out Users

  1. Log out as a user.
  2. Navigate to the appearance menu.
  3. AC1: Confirm that the color section is available and the default color is "light".
  4. Select dark mode.
  5. AC2: Confirm that the page changes to appear in dark mode.
  6. Switch back to light mode.
  7. AC3: Confirm that the page reverts to light mode.
  8. Navigate to a page not available in dark mode.
  9. 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

Sign off steps

Event Timeline

ovasileva triaged this task as High priority.
Jdlrobson changed the task status from Open to Stalled.Jul 26 2024, 3:45 PM

Per T367150#10018302 the top 500 is less accessible in night mode than light mode for us to consider promoting this... but very close! I think with a collective effort we can push it over the threshold in 2 weeks <3.

Jdlrobson changed the task status from Stalled to Open.Jul 30 2024, 11:10 PM

Re-ran this today, and Spanish is looking good (dark mode is actually more accessible than light mode for the top 500 articles). I would suggest we enable dark mode for anons along with the other wikis that have also met the criteria next week.

Change #1058683 had a related patch set uploaded (by Jdlrobson; author: Jdlrobson):

[operations/mediawiki-config@master] Promote dark mode for anons on various wikis

https://gerrit.wikimedia.org/r/1058683

Jdlrobson renamed this task from Deploy dark mode to eswiki to Deploy dark mode to eswiki and other "ready" wikis.Aug 1 2024, 10:59 PM
Jdlrobson updated the task description. (Show Details)

@ovasileva @sgrabarczuk wanted to confirm that in addition to the list in the description, we also have kswiki and ttwiki in the deploy patch

Change #1060152 had a related patch set uploaded (by Stoyofuku-wmf; author: Jdlrobson):

[operations/mediawiki-config@master] Promote dark mode for anons on various wikis - take 2

https://gerrit.wikimedia.org/r/1060152

Change #1060152 merged by jenkins-bot:

[operations/mediawiki-config@master] Promote dark mode for anons on various wikis - take 2

https://gerrit.wikimedia.org/r/1060152

Mentioned in SAL (#wikimedia-operations) [2024-08-06T20:47:48Z] <kindrobot@deploy1003> Started scap sync-world: Backport for [[gerrit:1060152|Promote dark mode for anons on various wikis - take 2 (T371070 T371084)]], [[gerrit:1060123|Enable NetworkSession extension for most wikis (T355267)]], [[gerrit:1060139|fix(i18n): adjust broken mentorship eligibility copy (T371775 T370318)]], [[gerrit:1060136|fix(i18n): adjust broken mentorship eligibility copy (T371775 T370318)]]

Mentioned in SAL (#wikimedia-operations) [2024-08-06T21:21:27Z] <kindrobot@deploy1003> toyofuku, ebernhardson, kindrobot, migr: Backport for [[gerrit:1060152|Promote dark mode for anons on various wikis - take 2 (T371070 T371084)]], [[gerrit:1060123|Enable NetworkSession extension for most wikis (T355267)]], [[gerrit:1060139|fix(i18n): adjust broken mentorship eligibility copy (T371775 T370318)]], [[gerrit:1060136|fix(i18n): adjust broken mentorship eligibility copy (T371775 T37031

Mentioned in SAL (#wikimedia-operations) [2024-08-06T21:34:53Z] <kindrobot@deploy1003> Finished scap: Backport for [[gerrit:1060152|Promote dark mode for anons on various wikis - take 2 (T371070 T371084)]], [[gerrit:1060123|Enable NetworkSession extension for most wikis (T355267)]], [[gerrit:1060139|fix(i18n): adjust broken mentorship eligibility copy (T371775 T370318)]], [[gerrit:1060136|fix(i18n): adjust broken mentorship eligibility copy (T371775 T370318)]] (duration: 47m 05s)

Edtadros subscribed.

Test Result - Prod

Status: ✅ PASS
Environment: see table below
OS: macOS Sonoma
Browser: Chrome
Device: MBA
Emulated Device: NA

Test Artifact(s):

Test Steps

Test Case 1: Verify Dark Mode Deployment for Logged-out Users

  1. Log out as a user.
  2. Navigate to the appearance menu.
  3. AC1: Confirm that the color section is available and the default color is "light".
  4. Select dark mode.
  5. AC2: Confirm that the page changes to appear in dark mode.
  6. Switch back to light mode.
  7. AC3: Confirm that the page reverts to light mode.
  8. Navigate to a page not available in dark mode.
  9. AC4: Confirm that a notice is shown indicating the page is not available in dark mode.

This wasn't tested due to it's varying scope per wiki

Vector 2022

WikiAC1: Initial ThemeAC2: Dark Mode ToggleAC3: Return to Light ModeAC4: Excluded PagesScreen Video
https://ace.wikipedia.org
recording_ace_wikipedia_org_pass.mov.gif (850×1 px, 1 MB)
https://din.wikipedia.org
recording_din_wikipedia_org_pass.mov.gif (850×1 px, 551 KB)
https://es.wikipedia.org
recording_es_wikipedia_org_pass.mov.gif (850×1 px, 1 MB)
https://is.wikipedia.org
recording_is_wikipedia_org_pass.mov.gif (850×1 px, 1 MB)
https://ka.wikipedia.org
recording_ka_wikipedia_org_pass.mov.gif (850×1 px, 1 MB)
https://mni.wikipedia.org
recording_mni_wikipedia_org_pass.mov.gif (850×1 px, 1 MB)
https://no.wikipedia.org
recording_no_wikipedia_org_pass.mov.gif (850×1 px, 1 MB)
https://szl.wikipedia.org
recording_szl_wikipedia_org_pass.mov.gif (850×1 px, 1 MB)
https://szy.wikipedia.org
recording_szy_wikipedia_org_pass.mov.gif (850×1 px, 1 MB)
ovasileva claimed this task.
ovasileva updated the task description. (Show Details)

Change #1058683 abandoned by Jdlrobson:

[operations/mediawiki-config@master] Promote dark mode for anons on various wikis

Reason:

Done in https://gerrit.wikimedia.org/r/1060152

https://gerrit.wikimedia.org/r/1058683