Material UI theme generated from https://cimdalli.github.io/mui-theme-generator/

mui-theme-dark.js

import getMuiTheme from 'material-ui/styles/getMuiTheme';
import baseTheme from 'material-ui/styles/baseThemes/darkBaseTheme';
import * as Colors from 'material-ui/styles/colors';
import { fade } from 'material-ui/utils/colorManipulator'

const getTheme = () => {
  let overwrites = {
    "appBar": {
        "textColor": Colors.white,
        "color": fade(Colors.darkBlack, 0.87)
    },
    "badge": {
        "primaryColor": Colors.red700,
        "secondaryColor": Colors.blue700,
        "color": Colors.yellow500
    },
    "bottomNavigation": {
        "selectedColor": Colors.red700
    },
    "flatButton": {
        "primaryTextColor": Colors.white
    },
    "raisedButton": {
        "primaryTextColor": Colors.white,
        "secondaryTextColor": Colors.white
    },
    "floatingActionButton": {
        "iconColor": Colors.black,
        "secondaryColor": Colors.red700,
        "color": Colors.white
    },
    "checkbox": {
        "checkedColor": Colors.red700
    },
    "radioButton": {
        "checkedColor": Colors.red600
    },
    "toggle": {
        "trackOffColor": fade(Colors.minBlack, 0.26),
        "trackDisabledColor": fade(Colors.minBlack, 0.26),
        "trackOnColor": Colors.red300,
        "thumbOnColor": Colors.red700,
        "thumbOffColor": Colors.red300
    },
    "tableRow": {
        "hoverColor": Colors.grey100
    },
    "tabs": {
        "textColor": Colors.black,
        "selectedTextColor": Colors.black,
        "backgroundColor": fade(Colors.lightWhite, 0.54)
    },
    "timePicker": {
        "headerColor": fade(Colors.lightWhite, 0.54),
        "selectTextColor": fade(Colors.lightWhite, 0.54),
        "textColor": Colors.black,
        "accentColor": Colors.red700
    },
    "palette": {
        "primary1Color": fade(Colors.lightBlack, 0.54),
        "primary2Color": Colors.blue700,
        "primary3Color": Colors.yellow500,
        "accent1Color": Colors.red700,
        "accent2Color": Colors.red400,
        "textColor": Colors.white
    },
    "paper": {
        "backgroundColor": fade(Colors.darkBlack, 0.87),
        "color": Colors.white
    },
    "datePicker": {
        "selectColor": Colors.red700,
        "textColor": Colors.white,
        "selectTextColor": Colors.white
    },
    "slider": {
        "selectionColor": Colors.red700,
        "trackColor": fade(Colors.lightWhite, 0.54),
        "trackColorSelected": Colors.red200
    }
};
  return getMuiTheme(baseTheme, overwrites);
}

mui-theme-light.js

import getMuiTheme from 'material-ui/styles/getMuiTheme';
import baseTheme from 'material-ui/styles/baseThemes/lightBaseTheme';
import * as Colors from 'material-ui/styles/colors';
import { fade } from 'material-ui/utils/colorManipulator'

const getTheme = () => {
  let overwrites = {
    "bottomNavigation": {
        "selectedColor": Colors.red700
    },
    "flatButton": {
        "primaryTextColor": Colors.black
    },
    "raisedButton": {
        "color": Colors.white,
        "secondaryTextColor": Colors.white,
        "disabledColor": fade(Colors.faintBlack, 0.12),
        "disabledTextColor": fade(Colors.lightBlack, 0.54)
    },
    "datePicker": {
        "selectColor": Colors.red700,
        "selectTextColor": Colors.white,
        "textColor": Colors.white
    },
    "slider": {
        "selectionColor": Colors.red700,
        "trackColorSelected": Colors.grey600
    },
    "checkbox": {
        "checkedColor": Colors.red700
    },
    "radioButton": {
        "checkedColor": Colors.red700
    },
    "toggle": {
        "thumbOnColor": Colors.red700,
        "trackOnColor": Colors.red200
    },
    "snackbar": {
        "backgroundColor": fade(Colors.faintBlack, 0.12),
        "textColor": Colors.black
    },
    "timePicker": {
        "textColor": Colors.white,
        "accentColor": Colors.red700,
        "selectTextColor": Colors.white
    },
    "badge": {
        "primaryColor": Colors.red700,
        "secondaryColor": Colors.blue700,
        "secondaryTextColor": Colors.white,
        "primaryTextColor": Colors.white
    },
    "icon": {
        "backgroundColor": Colors.black
    },
    "palette": {
        "primary1Color": Colors.white,
        "alternateTextColor": Colors.black,
        "primary2Color": Colors.red700,
        "accent1Color": Colors.red700,
        "pickerHeaderColor": Colors.red700,
        "primary3Color": Colors.blue200,
        "accent2Color": Colors.blue700
    }
};
  return getMuiTheme(baseTheme, overwrites);
}