[material-ui][docs] How to find out where all colors are defined?

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Summary 💡

Hi there 👋

We are working on customizing the Material UI theme.
To do this job, we already modified the values of colors, borders, shadows, etc. but we have some problems with the colors in particular.

We already changed all the definitions in the pallet.ts file, but, when we tried it out, we found out that there are more complex color settings.

We think those colors come from taking one of the previous colors and having applied a transparent white or black (at different percentages).

Can you help us find where those colors are defined, so we can replicate correctly each component on Figma?

We are already working with the MUI for Figma file, and for example, with the Alert component, there are many color shades, and all of those use the main color + black/white at 60/90%, but when we use the code, the alert rendered uses the lighter value too, not only the main one.

There are some other colors that we are missing too, like:

• Actions active
• Standard Input Line
• Filled input background

Hope you can help us.

Greetings from Membrane

Examples 🌈

No response

Motivation 🔦

No response

Order ID 💳 (optional)

55430