Page MenuHomePhabricator

[BUG] Quote background styling inconsistent on dark mode
Closed, ResolvedPublicBUG REPORT

Assigned To
Authored By
Spenhand
Aug 4 2024, 6:18 PM
Referenced Files
F57023717: IMG_8670.PNG
Aug 4 2024, 6:18 PM
F57023716: IMG_8672.PNG
Aug 4 2024, 6:18 PM
F57023715: IMG_8671.PNG
Aug 4 2024, 6:18 PM

Description

On dark mode, a quote block has a white background enclosed in a larger block with a light blue background. On light mode, the entire block is blue. The styling on dark mode seems like it should be blue throughout, which would like a little more consistent and cleaner.

Steps to reproduce

  1. Set app to either dark mode
  2. Open a page with a quote block
  3. Observe coloring

Expected results

Quote block background would be entirely blue on dark mode

Actual results

Quote block is white, enclosing parent is blue.

Screenshots

IMG_8671.PNG (1,284×2,778 px, 342 KB)

IMG_8672.PNG (1,284×2,778 px, 332 KB)

IMG_8670.PNG (1,284×2,778 px, 326 KB)

Environments observed

App version:
OS versions:
Device model:
Device language:

Event Timeline

Here is the repro page: https://en.wikipedia.org/wiki/Jean-Baptiste_Ou%C3%A9draogo

It seems like it might be an issue with when someone overrides a default color for a quotebox. Also seems like it might be a bug for https://github.com/wikimedia/mediawiki-services-mobileapps/blob/master/pagelib/src/transform/ThemeTransform.less rather than this repo.

ABorbaWMF subscribed.

Fixed on 7.8.0 (5589)

Tested on iPhone on iOS 26.0 and iPad on iPadOS 18.5. Tested on multiple articles with quote blocks.