Material-ui: ์‚ฌ์šฉ์ž ์ง€์ • ๊ธฐ๋ณธ ์ƒ‰์ƒ.

์— ๋งŒ๋“  2018๋…„ 01์›” 13์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: mui-org/material-ui

๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋Š” ์‚ฌ์šฉ์ž ์ง€์ • ๊ธฐ๋ณธ ์ƒ‰์ƒ ์„ค์ •์„์œ„ํ•œ API๋ฅผ ์ œ๊ณตํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

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

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

๊ทธ๋ ‡์Šต๋‹ˆ๋‹ค:

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

๊ทธ๋ฆฌ๊ณ  ์ž˜ ๋ฌธ์„œํ™”๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค : https://material-ui-next.com/customization/themes/#palette

์ด์ œ ๋” ์‰ฝ๊ฒŒ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค. # 9794

gitter ๋˜๋Š” StackOverflow๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์งˆ๋ฌธํ•˜๊ณ  ํ™•์ธ ๋œ ๋ฌธ์ œ๋ฅผ ์ œ์ถœํ•˜๋Š” ๊ฒฝ์šฐ ์ œ๊ณต๋œ ๋ฌธ์ œ ํ…œํ”Œ๋ฆฟ์„ ์ž‘์„ฑํ•˜์‹ญ์‹œ์˜ค.

๋ชจ๋“  3 ๋Œ“๊ธ€

๊ทธ๋ ‡์Šต๋‹ˆ๋‹ค:

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

๊ทธ๋ฆฌ๊ณ  ์ž˜ ๋ฌธ์„œํ™”๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค : https://material-ui-next.com/customization/themes/#palette

์ด์ œ ๋” ์‰ฝ๊ฒŒ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค. # 9794

gitter ๋˜๋Š” StackOverflow๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์งˆ๋ฌธํ•˜๊ณ  ํ™•์ธ ๋œ ๋ฌธ์ œ๋ฅผ ์ œ์ถœํ•˜๋Š” ๊ฒฝ์šฐ ์ œ๊ณต๋œ ๋ฌธ์ œ ํ…œํ”Œ๋ฆฟ์„ ์ž‘์„ฑํ•˜์‹ญ์‹œ์˜ค.

{ 500: '#337ab7' } ๋„ˆ๋ฌด ๋ป”ํ•ด
๊ทธ๋ฆฌ๊ณ  ์—ฌ์ „ํžˆ ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค
image
image

@miukki Youe ์˜ค๋ฅ˜ ์ƒ‰์ƒ์€ ์ˆซ์ž๊ฐ€ ์งง์Šต๋‹ˆ๋‹ค ...

-  error: { main: '#ff000'},
+  error: { main: '#ff0000'},
์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰