Material-ui: Custom primary color.

Created on 13 Jan 2018  ·  3Comments  ·  Source: mui-org/material-ui

Library doesn't provide API for setting custom primary colors. 

const muiTheme = createMuiTheme({
  palette: {
    primary: '#337ab7', // custom color in hex
    error: red
  }
});
question
Source
picture RafaelHovhannisyan
👍8

Most helpful comment

It does:

const muiTheme = createMuiTheme({
  palette: {
    primary: { 500: '#337ab7' }, // custom color in hex
  error: red
}
});

And is well documented: https://material-ui-next.com/customization/themes/#palette

And now we've made it even easier: #9794

Please use gitter or StackOverflow to ask questions, and if submitting a confirmed issue, please fill out the issue template provided.

picture mbrookes on 13 Jan 2018
👍15

All 3 comments

It does:

const muiTheme = createMuiTheme({
  palette: {
    primary: { 500: '#337ab7' }, // custom color in hex
  error: red
}
});

And is well documented: https://material-ui-next.com/customization/themes/#palette

And now we've made it even easier: #9794

Please use gitter or StackOverflow to ask questions, and if submitting a confirmed issue, please fill out the issue template provided.

mbrookes picture mbrookes on 13 Jan 2018
👍15

{ 500: '#337ab7' } so obvious
and i still have a problem
image
image

miukki picture miukki on 17 Dec 2018

@miukki Youe error color is a digit short...

-  error: { main: '#ff000'},
+  error: { main: '#ff0000'},
mbrookes picture mbrookes on 17 Dec 2018
🎉5 👍1
Was this page helpful?
0 / 5 - 0 ratings

Related issues

newoga picture newoga  ·  3Comments
activatedgeek picture activatedgeek  ·  3Comments
ryanflorence picture ryanflorence  ·  3Comments
TimoRuetten picture TimoRuetten  ·  3Comments
zabojad picture zabojad  ·  3Comments