Component styles are not independently customisable

[bigomega]

All the components styles are based on the Primary and Accent color(which could be changed). But Having different primary colors seems not possible. For instance, i can't have any other color than the primary in text fields...

...
      underline: {
        border: 'none',
        borderBottom: 'solid 1px ' + this.getTheme().borderColor,
        position: 'absolute',
        width: '100%',
        bottom: 8,
        margin: 0,
        MozBoxSizing: 'content-box',
        boxSizing: 'content-box',
        height: 0
      },
...

styles.focusUnderline = this.mergeAndPrefix(styles.underline, {
  borderBottom: 'solid 2px ' + this.getTheme().primary1Color,
  transform: 'scaleX(0)',
  transition: Transitions.easeOut() });
...

var focusUnderlineElement = React.createElement('hr', { style: this.mergeAndPrefix(styles.focusUnderline) });

Either of the merge and prefix could get the stylings as a prop from the user

[hai-cea]

@bigomega Thanks - this should be addressed with #864