Profile page: Dynamically adjust text color to ensure sufficient contrast

[davort]

What would you like to be added?

When a user uploads a light background image, the color of the text on the profile page should change from white to black.

An example of the current state

Why is this needed?

To ensure sufficient contrast between the text and the background. This is a fundamental feature in terms of accessibility.

[dysbulic]

Maybe with CSS's mix-blend-mode or background-blend-mode could cause the color, when combined with the background, to adaptively provide contrast.

Before I can really try and tackle this, I need to understand what a “stacking context” is and what it means to create a new one.