相关疑难解决方法(0)

我正在尝试建立自己的调色板颜色以匹配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 …

我正在努力修改Material-UI @ next(v1)中的按钮颜色.

我如何将muitheme设置为与bootstrap相似,所以我可以使用"btn-danger"表示红色,"btn-success"表示绿色...？

我尝试使用自定义className但它无法正常工作(悬停颜色不会改变),它似乎重复.我有什么选择？

为了自定义我的 Material UI 调色板，我做了这样的事情来设置我的主题：

import blue from '@material-ui/core/colors/blue';

const theme = createMuiTheme({
  palette: {
    primary: blue,
  },
});

blue 包含许多阴影，如下所示：

现在如何访问primary组件内的所有调色板阴影？访问所有阴影palette.grey很容易，如下所示：

但我似乎无法访问, , , 和primary以外的阴影，如下所示：maindarklightcontrastColor

如何theme.palette.primary.A100从我的组件访问所有阴影（例如）？

我在Material UI主题中直接更改按钮文本颜色时遇到问题.更改原色+按钮字体大小工作正常,所以问题不在于传递主题.这是我的代码:

import React from 'react';
import { MuiThemeProvider, createMuiTheme } from 'material-ui/styles';
import { lightBlue } from 'material-ui/colors';
import styled from 'styled-components';

const theme = createMuiTheme({
  palette: {
    primary: lightBlue, // works
  },
  raisedButton: {
    color: '#ffffff', // doesn't work
  },
  typography: {
    button: {
      fontSize: 20, // works
      color: '#ffffff' // doesn't work
    }
  }
});

const App = ({ user, pathname, onToggleDrawer }) => (
  <MuiThemeProvider theme={theme}>
    ...
  </MuiThemeProvider>
);

我也尝试使用导入的颜色而不是#ffffff,但这也没有效果.

有人有任何想法吗？