Material-ui: Theme Generator.

[Streemo]

Feature Request / Theme Generator resources:

Palettes specified in muiTheme require 3 primaries, 3 accent, and 3 text colors.
Themes generated from https://www.materialpalette.com/ provide only 3 primaries, 1 accent, and 3 text colors. It's not clear how to choose the remaining colors (2 more accent colors, etc.).

Is there any algorithm or alternative website which generates the remaining colors? Might be nice to have an implementation of the algorithm to generate a palette object based on 2 color combination inputs:

const palette = generatePalette('blue-grey','lightblue') //returns a filled in Palette according to Google spec.
const theme = getMuiTheme({
  spacing: spacing,
  palette: palette,
  fontFamily: "Roboto, sans-serif"
})

[Streemo]

Suggest renaming "primary1", "primary2", ... to "primaryDark", "primaryLight", ... for clarity?

[cimdalli]

@Streemo
I am working on it: https://cimdalli.github.io/mui-theme-generator/

[UsulPro]

Great project! 👍
You can look to storybook-addon-material-ui to create themes and develop material-ui components as well

[cimdalli]

@UsulPro wow amazing! Actually I searched such a website but I couldn't find then I decided to create new one. Btw can i use your color picker?

[UsulPro]

Thanks @cimdalli! :)
react-material-color-picker is a separated package,
you can find it here:
https://github.com/sm-react/react-material-color-picker

[mbrookes]

There's also the one mention here: https://github.com/callemall/material-ui/issues/3790 that is built with Material-UI. :+1:

[UsulPro]

Hey @mbrookes!
react-material-color-picker it's a bit another case. It's not built with Material-UI but it's built for Material-UI: its color palette is limited to https://material.io/guidelines/style/color.html#color-color-palette
So maybe better to consider it as a tool for development Material-UI themes.
live demo

[mbrookes]

@UsulPro Ah, interesting. I should have looked more closely!

Now if only it had a more MD style! 😄

[oliviertassinari]

The theme configuration on the next embrace composability and parameterized generator. I do no longer think we need that issue. Thanks for raising it though, it's showing we went in the right direction 👍 .