Bad design mistake in header Modern template

Copper Contributor

As a web designer, I've noticed a script behavior that is absolutely not done in the header of the modern template in SharePoint Online.

 

If I add an image to the header, the script automatically adds a filter over it going from white to grey. The header text is automatically colored white. To show you what I mean:

 

Image before upload:

before upload.jpg

 

Image after upload:

after upload.jpg

This is a disaster for any designer. It's a mistake. Never change or interfere with an image someone uploads!

 

I would like to see the designers of the Modern template to remove this automatic overlay and give people the opportunity to choose a color for text.

 

Or...

 

Could someone please tell me how to do this myself?

I am an expert in CSS and HTML, but have no options in the Modern template (also weird)

 

 

1 Reply
You can't fix it basically. Only way would be possibly doing a bunch of code in an application customizer to inject css overrides or what not. I agree with the Text thing thou, this would solve the problem all together. They put the overlay in those so the Text shows better, which isn't bad but at the same time, not the greatest.