Skip to content

Yahoo Mail strongly alters #fffffe colors in dark mode #156

Description

@hteumeuleu

Yahoo Mail (desktop webmail) turns very light shades of grey like #fffffe, #feffff or #fffeff (often used to avoid Apple Mail's automatic dark mode) into very vivd colors.

Screenshot of an example in Yahoo Mail dark mode showing a row of green, purple and cyan. All were light grey in light mode.

Here's the code from the above example:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Yahoo</title>
</head>
<body>
	<table bgcolor="#fffffe">
		<tr>
			<td>
				Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat, excepturi odit quod iusto ipsa nulla maiores consequuntur possimus quisquam, dolore, atque libero iure doloremque mollitia eius accusamus? Temporibus doloremque, error.
			</td>
		</tr>
	</table>
	<table bgcolor="#fffeff">
		<tr>
			<td>
				Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat, excepturi odit quod iusto ipsa nulla maiores consequuntur possimus quisquam, dolore, atque libero iure doloremque mollitia eius accusamus? Temporibus doloremque, error.
			</td>
		</tr>
	</table>
	<table bgcolor="#feffff">
		<tr>
			<td>
				Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat, excepturi odit quod iusto ipsa nulla maiores consequuntur possimus quisquam, dolore, atque libero iure doloremque mollitia eius accusamus? Temporibus doloremque, error.
			</td>
		</tr>
	</table>
</body>
</html>

Based on feedback from Lorin in Slack:

Yahoo on desktop doesn’t invert colors like others. If you have #FFFFFE it will darken that color by 70% and reproduce #989800. You can see that test on this link:
https://pinetools.com/darken-color

A screenshot of a tool showing the original light grey color darkened at 70% turning into a vivid green

Metadata

Metadata

Assignees

No one assigned

    Labels

    YahooWebmail, iOS and Android apps

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions