The Material Design docs advocate for theme palette values for "on" colors like onPrimary, onSurface, etc. Are there plans to support these in the theme.palette object?
Summary 💡
I'm just looking to understand the philosophy and if this is on the roadmap. I'm working on a white label application that needs to support a robust theming solution. We have embraced the (newer) MD theme model where svg strokes and typography are colored based on these "on" colors. If text appears on top of a primary colored surface, it uses the onPrimary color.
We have also extended this to the color prop on small components. E.G. our Button can take color="primary" or color="onPrimary".

When I look through Material UI's default theme, it looks like the palette shape hasn't changed since MD1. The palette still supports accent colors, for example, which are no longer part of the MD2 color palette recommendations. I assume that the palette.primary.contrastText value is supposed to represent this?
Can we expect to see support for these 'on' colors in the theme.palette object or in the component APIs in the future?
Examples 🌈


The Material Design docs advocate for theme palette values for "on" colors like
onPrimary,onSurface, etc. Are there plans to support these in thetheme.paletteobject?Summary 💡
I'm just looking to understand the philosophy and if this is on the roadmap. I'm working on a white label application that needs to support a robust theming solution. We have embraced the (newer) MD theme model where svg strokes and typography are colored based on these "on" colors. If text appears on top of a primary colored surface, it uses the
onPrimarycolor.We have also extended this to the color prop on small components. E.G. our

Buttoncan takecolor="primary"orcolor="onPrimary".When I look through Material UI's default theme, it looks like the palette shape hasn't changed since MD1. The palette still supports accent colors, for example, which are no longer part of the MD2 color palette recommendations. I assume that the
palette.primary.contrastTextvalue is supposed to represent this?Can we expect to see support for these 'on' colors in the
theme.paletteobject or in the component APIs in the future?Examples 🌈