You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
We need white surfaces on our components. Using background-default for this does not fit the pattern and introduces issues when we try to create logic for surfaces.
Test neutral colors with alpha
Test alpha blending and WCAG contrasts
The text was updated successfully, but these errors were encountered:
We decided on making Surface Default in light mode white, and make the transition to Surface hover- and active states less noticeable. This way the grey color will work better on colored backgrounds.
For neutral in dark mode we decided on using alpha values. This might work better since surfaces are never completely black.
If the user wants grey surfaces, this color has to be added manually.
I will test this new approach and call for a new meeting a bit later.
Update 13:01:
Tested making a neutral scale with alpha values to solve the issue with a white surface. After many different attempts the conclusion is that is does not work. There are too many requirements to fit into a singe scale. Using alpha values is also very problematic depending on the background layer.
Possible solution:
Will be testing adding the white surface color into the existing color scale. This is basically how the Background Default color works.
We need white surfaces on our components. Using background-default for this does not fit the pattern and introduces issues when we try to create logic for surfaces.
The text was updated successfully, but these errors were encountered: