Change Details

**Steps to replicate the issue** (include links if applicable): * Open share dialog * Observe the dialog's quote card * **What happens?**: The quote card's background color is dark, and the text is illegible. {F79640138} **What should have happened instead?**: The quote card with an image has a `dominant-color-hex` background color. The text is legible and has a `dominant-color-contrasting` color. **Software version** (on `Special:Version` page; skip for WMF-hosted wikis like Wikipedia): **Other information** (browser name/version, screenshots, etc.): - Verified on Firefox browser on an iOS device with light/dark appearance settings. - Verified Minerva theme settings are unrelated. Switching Minerva light/dark theme does not affect the card element's background color. It affects other dialog elements: `scrollable-container`, `dialog__header`, and `dialog__footer`. - For testing, try BrowserStack (limited access/seats) or a local server on a real mobile device.

**Steps to replicate the issue** (include links if applicable): * Navigate to the Brazil wiki on an iOS device using Firefox browser: https://en.wikipedia.org/wiki/Brazil?mpo=share-highlight:treatment * Open the share dialog * Observe the dialog's quote card **What happens?**: The quote card's background color is dark, and the text is illegible. {F79640138} **What should have happened instead?**: The quote card with an image has a `dominant-color-hex` background color. The text is legible and has a `dominant-color-contrasting` color. **Software version** (on `Special:Version` page; skip for WMF-hosted wikis like Wikipedia): **Other information** (browser name/version, screenshots, etc.): - Verified on Firefox browser on an iOS device with light/dark appearance settings. - Verified Minerva theme settings are unrelated. Switching Minerva light/dark theme does not affect the card element's background color. It affects other dialog elements: `scrollable-container`, `dialog__header`, and `dialog__footer`. - For testing, try BrowserStack (limited access/seats) or a local server on a real mobile device.

**Steps to replicate the issue** (include links if applicable): * OpenNavigate to the Brazil wiki on an iOS device using Firefox browser: https://en.wikipedia.org/wiki/Brazil?mpo=share-highlight:treatment * Open the share dialog * Observe the dialog's quote card * **What happens?**: The quote card's background color is dark, and the text is illegible. {F79640138} **What should have happened instead?**: The quote card with an image has a `dominant-color-hex` background color. The text is legible and has a `dominant-color-contrasting` color. **Software version** (on `Special:Version` page; skip for WMF-hosted wikis like Wikipedia): **Other information** (browser name/version, screenshots, etc.): - Verified on Firefox browser on an iOS device with light/dark appearance settings. - Verified Minerva theme settings are unrelated. Switching Minerva light/dark theme does not affect the card element's background color. It affects other dialog elements: `scrollable-container`, `dialog__header`, and `dialog__footer`. - For testing, try BrowserStack (limited access/seats) or a local server on a real mobile device.