search

mui / mui-design-kits

The public feature and bug tracker for the MUI Design kits and Connect Figma plugin.
https://mui.com/design-kits/
115 stars 17 forks source link

You have a new comment on Material UI for Figma (and MUI X) by Raymond #365

Closed mui-bot2 closed 4 months ago

mui-bot2 commented 4 months ago
Figma You have a new comment on Material UI for Figma (and MUI X)
Raymond
goadrian + anyone,
Please can you explain how the paper-elevation background colors are generated and how it is used in figma.
In the MUI theme creator, there's option to set background "Default" and "paper" (which i assume is the "paper-elevation-0" on figma).

But how is paper-elevation-1 - 24 generated and where can it be used?

Right now paper-elevation-1 - 24 are all set to #FFFFFF in the Figma local variable "light mode", which doesn't explain anything.
Reply to comment

Search keywords:

adrianmanea commented 4 months ago

Answered on community:

Hi @raymonda background levels are used in coordination with the shadow levels—if you check the elevation you'll notice these two are tied together. Dark mode has different background colors depending on the level. Light does not, which is why all are #FFF. Hope this helps! (edited)