재질 - UI 버전 0.15.4에서 텍스트 색상 및 스타일 변경

Question

CSS 및 프런트 엔드 웹 개발에 상당히 익숙하며 페이지의 버튼 스타일 설정에 문제가 있습니다. 나는 그것의 텍스트 색상을 변경하고 아마도 내 테마의 기본 색상을 변경하고 싶습니다 (현재 시안 색으로 보입니다, 나는 그것을 푸른 색으로 만들고 싶습니다). 나는 재료 - 인이 스타일을 인라인으로 옮겼고 버튼의 "스타일"필드에 스타일을 변수로 전달하려고 시도했지만 작동하게 만들지 못했습니다. 어떤 도움을 주시면 감사하겠습니다.

var React = require('react'), 
mui = require('material-ui'), 
LoginDialog = require('./login-dialog.jsx'), 
RaisedButton = mui.RaisedButton, 
MuiThemeProvider = require('material-ui/styles/MuiThemeProvider'), 
darkBaseTheme = require('material-ui/styles/baseThemes/darkBaseTheme'); 

var Index = React.createClass({ 
    getChildContext: function() { 
    return { 
     muiTheme: getMuiTheme(darkBaseTheme), 
    }; 
    }, 
    childContextTypes: { 
    muiTheme: React.PropTypes.object 
    }, 
    render: function() { 
    return (
     <div className="mui-app-canvas home-page-background"> 
     <RaisedButton 
      className="login-button" 
      label="Login" 
      onTouchTap={ this._handleLoginDialog } 
      linkButton={ false } /> 
     <LoginDialog 
      ref="loginDialog" 
      loginUrl={ this.props.loginUrl } /> 
     </div> 
    ) 
    }, 

    _handleLoginDialog: function() { 
    this.refs.loginDialog.show(); 
    } 
}); 

module.exports = Index; 

Answer 1

소재의 스타일을 편집하는 가장 좋은 방법은 자신 만의 테마를 편집하거나 쓰는 것입니다. 여기

이미 구현 볼 수있는 테마 : 여기

https://github.com/callemall/material-ui/tree/master/src/styles/baseThemes

그리고 모든 편집 가능한 속성 : 그것을 구현하는 방법을 여기

https://github.com/callemall/material-ui/blob/master/src/styles/getMuiTheme.js

그리고 :

http://www.material-ui.com/#/customization/themes