Bug 438272

Summary:	reusable-assets/laptop.svg visually assumes a dark reddish surrounding area which is not always present
Product:	[Websites] www.kde.org	Reporter:	Nate Graham <nate>
Component:	general	Assignee:	kde-www mailing-list <kde-www>
Status:	CONFIRMED ---
Severity:	minor
Priority:	LO
Version:	unspecified
Target Milestone:	---
Platform:	Other
OS:	Linux
Latest Commit:		Version Fixed In:
Sentry Crash Report:

Description Nate Graham 2021-06-08 16:56:53 UTC

This image looks great on https://kde.org/ where is is surrounded by Plasma 5.21's dark red Milky Way wallpaper!

However it looks less great on https://kde.org/announcements/plasma/5/5.22.0/, where it is surrounded by Plasma 5.22's light blue Altai wallpaper, or on https://kde.org/plasma-desktop/, where it is surrounded by a neutral white background.

The SVG itself has a tint layer, so changing the color is not a problem. However changing the tint color from red to blue would simply make it look bad on other pages.

It seems like we need to either make multiple copies of the SVG with different tint colors, or else somehow dynamically change the tint color according to the surrounding background. Perhaps en embedded CSS stylesheet with data pulled from elsewhere could do this?