[Question] What's the Theme function in Theming Page

[SamJbori]

I am working on a multi-tenant application and I was wondering if someone can share the dynamic function used by the Theming page that takes Primary, Secondary and Tertiary colors and generate the light and dark theme json object.

[tamish-max]

If you are talking about the generator behind the MD3 theming page, I would start with Google’s Material color utilities package:

• @material/material-color-utilities

That package generates tonal palettes / schemes from source colors. The usual flow is:

1. pick a source color,
2. generate the Material color scheme,
3. map the resulting roles (primary, surface, surfaceVariant, onPrimary, etc.) into a Paper theme object.

So the “theme function” is basically Material 3 color generation + a mapping layer to Paper’s theme shape.