Material UI 1.0ベータ、アクセントカラーのボタンを白いテキストで表示

Question

新しいMaterial-ui 1.0を使用しています。私のすべてのボタンを自分のアプリケーションのアクセントカラー（＃00c853）にしたいと思います。白く。

<Button raised color="accent">Button</Button> 

ボタンは緑色になりましたが、テキストは黒色で、テキストの色を白くすることはできません。

どうすればいいですか？

Answer 1

ボタンのテキストカラーは、定義されたカラーパレットに応じてマテリアルUIによって自動的に決定されます。ただし、global style overrideを使用してボタンの新しい文字色を設定することができます。

import { MuiThemeProvider, createMuiTheme } from 'material-ui/styles'; 

const theme = createMuiTheme({ 
    overrides: { 
    MuiButton: { 
     raisedAccent: { 
     color: 'white !important' 
     } 
    } 
    } 
}); 

ReactDOM.render(
    <MuiThemeProvider theme={theme}> 
    <YourApp/> 
    </MuiThemeProvider>, 
    document.querySelector('#app') 
);