element-hq / compound

Element's design system

https://compound.element.io

Apache License 2.0

11 stars 3 forks source link

Add Scrim style to Compound #297

Open gaelledel opened 8 months ago

gaelledel commented 8 months ago

Figma document

... Does not exist yet

Platform

# Design phase
- [ ] Component exists on Figma
- [ ] Component is documented in the component library
- [ ] Component is tested for theming
- [ ] Component shareout for designers

americanrefugee commented 7 months ago

I created a new Compound component @gaelledel : https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=3623-42399&mode=design&t=yec5Q2ioPs2Oy5Wr-4

Can you take a look and let me know if you agree or disagree with the color values / transparency applied?

gaelledel commented 7 months ago

Thanks, I would bring the transparency down to 30% on Light mode - the dark one looks fine as it is

americanrefugee commented 7 months ago

@gaelledel I've updated the scrim for Light mode.

@robintown this is now ready to formalize in code.