import { createMuiTheme, fade } from "@material-ui/core/styles";
import merge from "lodash.merge";
import uwTheme from "./uw-colors";

const config = {
  overrides: {
    MuiListSubheader: {
      root: {
        fontWeight: "bold",
      },
    },
    MuiButton: {
      root: {
        margin: "1em 1em auto",
        backgroundColor: uwTheme.color_blue,
        color: uwTheme.color_white_text,
      },
      colorInherit: {
        color: uwTheme.color_white_text,
      },
    },
  },
  palette: {
    primary: {
      main: uwTheme.color_red,
    },
    secondary: {
      main: uwTheme.color_blue,
    },
  },
  typography: {},
};

const generateThemeCreator = defaults => {
  return options => {
    const merged = merge({}, config, defaults, options);
    const theme = createMuiTheme(merged);
    return theme;
  };
};

const createTheme = generateThemeCreator();

export default createTheme;