[Share Highlights] Add transparent and average image color backgrounds
Closed, ResolvedPublic3 Estimated Story Points
Actions

Assigned To

Authored By

	mfossati
	Mar 24 2026, 3:51 PM

Project Tags

Referenced Files

	F76242980: share_highlight_modes.gif
	Apr 16 2026, 4:21 PM

	F76241500: Screenshot 2026-04-16 at 12.07.15 PM.png
	Apr 16 2026, 4:21 PM

	F76241214: Screenshot 2026-04-16 at 9.51.53 AM.png
	Apr 16 2026, 4:21 PM

Subscribers

Description

The share card currently has 3 backgrounds: white, dark, and wikipedia.

Acceptance criteria

remove wikipedia's background - not in design
implement the transparent background - design
re-use the average image color logic from ImageBrowsing - design
full tinting of wordmark and license icon images is not implemented with this patch; broken out to T423210

Details

Related Changes in Gerrit:

	Subject	Repo	Branch	Lines +/-
	ShareHighlight: add transparent and average image color backgrounds	mediawiki/extensions/ReaderExperiments	master	+130 -84

Customize query in gerrit

Related Objects
Search...

		Status	Subtype	Assigned	Task
		Open		None	T416432 [Epic] Share Card experiment
		Resolved		mfossati	T421131 [Share Highlights] Add transparent and average image color backgrounds

Event Timeline

mfossati created this task.Mar 24 2026, 3:51 PM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptMar 24 2026, 3:51 PM

mfossati moved this task from Incoming/Inbox to Needs Refinement on the Reader Growth Team board.Mar 24 2026, 3:59 PM

HSwan-WMF set the point value for this task to 3.Mar 24 2026, 4:20 PM

HSwan-WMF triaged this task as High priority.Mar 24 2026, 4:40 PM

mfossati updated the task description. (Show Details)Mar 24 2026, 6:10 PM

mfossati added a parent task: T416432: [Epic] Share Card experiment.Mar 25 2026, 12:05 PM

mfossati added a project: FY2025-26 WE3.1 Engaging New Audiences.

SherryYang-WMF moved this task from Needs Refinement to Sprint 1 (Apr 1 - Apr 14) Q4 25/26 on the Reader Growth Team board.Mar 30 2026, 9:58 PM

SherryYang-WMF edited projects, added: Reader Growth Team (Sprint 1 (Apr 1 - Apr 14) Q4 25/26); removed: Reader Growth Team.

Aklapper added a project: ReaderExperiments-ShareHighlight.Mar 31 2026, 8:40 PM

SherryYang-WMF moved this task from Sprint 1 (Apr 1 - Apr 14) Q4 25/26 to Ready on the Reader Growth Team board.Apr 1 2026, 4:34 PM

SherryYang-WMF edited projects, added: Reader Growth Team; removed: Reader Growth Team (Sprint 1 (Apr 1 - Apr 14) Q4 25/26).

SherryYang-WMF lowered the priority of this task from High to Low.Apr 1 2026, 4:56 PM

SherryYang-WMF moved this task from Ready to Sprint 1 (Apr 1 - Apr 14) Q4 25/26 on the Reader Growth Team board.

SherryYang-WMF edited projects, added: Reader Growth Team (Sprint 1 (Apr 1 - Apr 14) Q4 25/26); removed: Reader Growth Team.

SherryYang-WMF raised the priority of this task from Low to Medium.Apr 1 2026, 4:58 PM

mfossati changed the task status from Open to In Progress.Apr 7 2026, 2:13 PM

mfossati claimed this task.

mfossati moved this task from Committed to Doing on the Reader Growth Team (Sprint 1 (Apr 1 - Apr 14) Q4 25/26) board.

Change #1268983 had a related patch set uploaded (by Marco Fossati; author: Marco Fossati):

[mediawiki/extensions/ReaderExperiments@master] ShareHighlight: add transparent and average image color backgrounds

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

gerritbot added a project: Patch-For-Review.Apr 8 2026, 2:33 PM

mfossati moved this task from Doing to Code Review on the Reader Growth Team (Sprint 1 (Apr 1 - Apr 14) Q4 25/26) board.Apr 9 2026, 10:36 AM

Change #1268983 merged by jenkins-bot:

[mediawiki/extensions/ReaderExperiments@master] ShareHighlight: add transparent and average image color backgrounds

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

Maintenance_bot removed a project: Patch-For-Review.Apr 13 2026, 10:31 PM

bvibber mentioned this in T423210: [Share Highlights] Tinting for Wikipedia wordmark and license icons.Apr 13 2026, 10:52 PM

bvibber updated the task description. (Show Details)

Merged! There was some excitement with a node version problem breaking the testing, which has been happily resolved thanks to our dear friends looking out for us in the guts of jenkins <3

Broke out the tinting details to T423210, will attach my exploratory patch to it.

ReleaseTaggerBot added a project: MW-1.46-notes (1.46.0-wmf.24; 2026-04-14).Apr 13 2026, 11:00 PM

egardner raised the priority of this task from Medium to High.Apr 15 2026, 6:54 PM

egardner moved this task from Sprint 1 (Apr 1 - Apr 14) Q4 25/26 to Sprint 2 (Apr 15 - Apr 28) Q4 25/26 on the Reader Growth Team board.

egardner edited projects, added: Reader Growth Team (Sprint 2 (Apr 15 - Apr 28) Q4 25/26); removed: Reader Growth Team (Sprint 1 (Apr 1 - Apr 14) Q4 25/26).

egardner moved this task from Committed to QA on the Reader Growth Team (Sprint 2 (Apr 15 - Apr 28) Q4 25/26) board.

SUMMARY of Testing

Checked on itwiki wmf.24

transparent and average color options for backgrounds are present

itwiki wmf.24 https://it.wikipedia.org/wiki/Marna_(fiume)?shareHighlight=1

average is enabled

Screenshot 2026-04-16 at 9.51.53 AM.png (968×1,668 px, 1 MB)

transparent is enabled

Screenshot 2026-04-16 at 12.07.15 PM.png (361×782 px, 285 KB)

a minor issue is filed T423605: ShareHighlights - view options for Share card do not fit the screen <440px

if Dark mode (in mobile Settings) is enabled there not so much visual difference between Dark, Light, and Transparent mode options on the Share card - see the gif below.
- also, all options on the share card, i.e. the logo, license logos should be equally visible in any mode

share_highlight_modes.gif (405×834 px, 230 KB)

Etonkovidova updated the task description. (Show Details)Apr 16 2026, 4:22 PM

mfossati mentioned this in T423688: [Share Highlights] Light and transparent backgrounds don't display properly in Minerva's dark theme.Apr 17 2026, 10:28 AM

In T421131#11830668, @Etonkovidova wrote:

if Dark mode (in mobile Settings) is enabled there not so much visual difference between Dark, Light, and Transparent mode options on the Share card - see the gif below.

Filed a follow-up task: T423688: [Share Highlights] Light and transparent backgrounds don't display properly in Minerva's dark theme.

also, all options on the share card, i.e. the logo, license logos should be equally visible in any mode

Mentioned in T423210: [Share Highlights] Tinting for Wikipedia wordmark and license icons.

Thanks @Etonkovidova for spotting!

[Share Highlights] Add transparent and average image color backgroundsClosed, ResolvedPublic3 Estimated Story PointsActions