相关疑难解决方法(0)

在Materual-UI中更改辅助颜色和原色

我发现了某种错误或其他问题..仍然不知道。我有一个React应用,material-ui可用作UI。例如,当您导入按钮时,您可以使用primary={true}或更改其颜色secondary={true}。但是,我决定改变primarysecondary颜色。我发现我可以这样做:

const theme = createMuiTheme({
   palette: {
        primary: '#00bcd4',
        secondary: '#ff4081'
      }
    });
Run Code Online (Sandbox Code Playgroud)

然后在这里我可以使用它:

    <MuiThemeProvider theme={theme}>
      <App/>
    </MuiThemeProvider>
Run Code Online (Sandbox Code Playgroud)

但我得到一个错误: createMuiTheme is not a function...

我进入material-ui包装,发现没有这样的文件,当我导入时createMuiTheme我得到了undefined。它应该是从导入的,material-ui/styles/theme但我实际上根本没有此文件夹!

我正在使用material-ui@0.19.4。我将此软件包更新为,v20..并且仍然没有此类文件夹...

怎么知道如何解决这个问题?

material-design material-ui

11
推荐指数
4
解决办法
1万
查看次数

如何添加多个材质UI调色板颜色

我正在尝试建立自己的调色板颜色以匹配Material UI中的品牌.到目前为止,我只能将主要和次要颜色作为按钮的背景颜色应用.当我添加自己的变量名称或使用"重音"时,如Material UI网站上的示例所示,按钮默认为灰色.

这是我的MyTheme.js代码:

import { createMuiTheme } from 'material-ui/styles';
import purple from 'material-ui/colors/purple';

export default createMuiTheme({
    palette: {
        primary: { // works
          main: '#165788',
          contrastText: '#fff',
        },
        secondary: { // works
          main: '#69BE28',
          contrastText: '#fff',
        },
        companyBlue: { // doesnt work - defaults to a grey button
            main: '#65CFE9',
            contrastText: '#fff',
        },
        companyRed: { // doesnt work - grey button
            main: '#E44D69',
            contrastText: '#000',
        },
        accent: { // doesnt work - grey button
            main: purple, // import purple doesnt …
Run Code Online (Sandbox Code Playgroud)

themes reactjs material-ui

11
推荐指数
2
解决办法
8763
查看次数

标签 统计

material-ui ×2

material-design ×1

reactjs ×1

themes ×1