Quería establecer el color de fondo de un elemento para que fuera el color principal primario pero con transparencia usando Material-UI, traté de hacerlo de las siguientes maneras, pero ninguna de las dos funcionó, cualquier sugerencia la agradecería mucho.
backgroundColor: `rgba(${theme.palette.primary.main}, 0.6)`,&
background: `rgba(${theme.palette.primary.main}, 0.6)`,Una solución que he usado para esto antes es manejar el color transparente en el tema.
entonces, por ejemplo, en uno de mis proyectos, defino el color theme.palette.primary.main en la parte superior de mi tema y luego calculo una variante más clara usando la función rgba como también lo ha hecho en su ejemplo. Luego defino este color en mi tema para poder reutilizarlo en varios lugares llamando a theme.palette.primary.light (o como quieras llamarlo).
y entonces