[Mobile][Dark Mode] "Edit full page" button renders white stripes
Open, Needs TriagePublicBUG REPORT
Actions

Assigned To

None

Authored By

	Kallichore
	Tue, Apr 14, 10:32 PM

Description

This bug is about the "Edit full page" button introduced in https://phabricator.wikimedia.org/T409990

Steps to replicate the issue (include links if applicable):

choose "dark mode" in the setting
open the mobile visual editor for a "middle section" of an article

What happens?:

4 white stripes can be seen: https://commons.wikimedia.org/wiki/File:Screenshot_Visual_Editor_dark.png

What should have happened instead?:

dark mode should be respected

Other information (browser name/version, screenshots, etc.):
*This has been reported in de.Wikipedia: https://de.wikipedia.org/wiki/Wikipedia:Technik/Werkstatt#Seltsame_Artefakte_im_Visual_Editor_in_der_mobilen_Ansicht

Also reported in Ruwiki discord, with these screenshots as examples:

Details

Related Changes in Gerrit:

	Subject	Repo	Branch	Lines +/-
	Fix dark mode for "Edit full page" skeleton lines	mediawiki/extensions/VisualEditor	master	+11 -8

Customize query in gerrit

Related Objects

Mentioned Here: T409990: [Mobile] Offer button that enables people to edit an entire article from section editing

Event Timeline

Kallichore created this task.Tue, Apr 14, 10:32 PM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptTue, Apr 14, 10:32 PM

Makes sense, the colors are hardcoded currently: https://gerrit.wikimedia.org/r/c/mediawiki/extensions/VisualEditor/+/647036/13/modules/ve-mw/init/styles/ve.init.mw.ArticleTarget.less

Hi! The skeleton backgrounds are hardcoded light hex values. I'd be happy to submit a small patch replacing them with @background-color-interactive, which should handle dark mode automatically via Codex design tokens. This also aligns with the original T409990 spec.

ppelberg added a project: Editing-team (Editing-current-Q4-27Apr-8May-2026).Tue, Apr 21, 9:39 PM

ppelberg moved this task from Decision to be made to Ready for Dev on the Editing-team (Editing-current-Q4-27Apr-8May-2026) board.

ppelberg subscribed.

Quiddity updated the task description. (Show Details)Wed, Apr 29, 12:55 AM

Quiddity attached a referenced file: F78593281: image.png. (Show Details)

Quiddity attached a referenced file: F78593272: image.png. (Show Details)

Change #1279239 had a related patch set uploaded (by HakanIST; author: HakanIST):

[mediawiki/extensions/VisualEditor@master] Fix dark mode for "Edit full page" skeleton lines

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

gerritbot added a project: Patch-For-Review.Wed, Apr 29, 8:46 AM

Submitted a fix that replaces the 8 hardcoded hex values (#fcfcfc, #fafafa, #f7f7f7, #f4f4f4) with fade( @background-color-interactive, X% ). This uses the Codex design token which automatically adapts to dark mode, while preserving the original gradient fade effect via different opacity percentages.

ppelberg moved this task from Ready for Dev to Decision to be made on the Editing-team (Editing-current-Q4-27Apr-8May-2026) board.Wed, Apr 29, 2:50 PM

ppelberg moved this task from Decision to be made to Code review on the Editing-team (Editing-current-Q4-27Apr-8May-2026) board.

[Mobile][Dark Mode] "Edit full page" button renders white stripesOpen, Needs TriagePublicBUG REPORTActions

Description

Details

Related Objects

Event Timeline

[Mobile][Dark Mode] "Edit full page" button renders white stripes
Open, Needs TriagePublicBUG REPORT
Actions