[Theme] Theme not applied, don't understand why (w/ code)

[pandaiolo]

Hi,

I am trying to change the color of the "primary" button, among other things. As per the docs, I proceeded as following:

File Theme.js :

export default {
    spacing: spacing, // defined in same file
    fontFamily: 'Roboto, sans-serif',
    palette: {
        primary1Color: Colors.blue500, // changed
        primary2Color: Colors.blue700, // changed
        primary3Color: Colors.lightBlack,
        accent1Color: Colors.blueA200, // changed
        accent2Color: Colors.grey100,
        accent3Color: Colors.grey500,
        textColor: Colors.darkBlack,
        alternateTextColor: Colors.white,
        canvasColor: Colors.white,
        borderColor: Colors.grey100,
        disabledColor: ColorManipulator.fade(Colors.darkBlack, 0.3)
    }
};

In my <App> Component :

import ThemeManager from 'material-ui/lib/styles/theme-manager';
import Theme from './Theme';
[...]
let App = React.createClass({
    [...]
    childContextTypes: {
        muiTheme: React.PropTypes.object
    },
    [...]
    getChildContext() {
        return {
            muiTheme: ThemeManager.getMuiTheme(Theme)
        };
    },

All other components are children of App, yet, don't seem to get the modified theme.

Any hint ?

Thanks

[pandaiolo]

k, I did not see all these warnings in my console :

Warning: owner-based and parent-based contexts differ (values:undefinedvs[object Object]) for key (muiTheme) while mounting XXXXX (see: http://fb.me/react-context-by-parent)

XXXX being sub components of my app.

Not sure how to fix that. Do I have to repeat childContextTypes and getChildContext() in every intermediate component between App and XXX - XXX being a Mui component ?

EDIT: Ok, when childContextTypes and getChildContext() are included in a component using Mui component, it seems to fix the issue (warnings and theme not being applied).

This is a bit cumbersome though, is there any way of declaring a theme globally ?

Thanks

[c0b41]

create mixins and added component?

[pandaiolo]

I did that more or less, thanks !