import { createMuiTheme } from "@material-ui/core/styles";
import BrandColors from "../Brand/BrandColors";
var civicPrimary = BrandColors.primary.hex;
var civicPlumLight = BrandColors.plumLight.hex;
var civicMedium = BrandColors.medium.hex;
var civicSubdued = BrandColors.subdued.hex;
var civicAction = BrandColors.action.hex;
var civicError = BrandColors.error.hex;
var dataSanSerif = "Roboto Condensed, Helvetica Neue, Helvetica, sans-serif";
var sanSerif = "Rubik, Helvetica Neue, Helvetica, sans-serif";
var animationSpeed = 4;
var MaterialTheme = createMuiTheme({
  palette: {
    common: {
      black: "rgba(0, 0, 0, 1)",
      white: "#fff"
    },
    background: {
      paper: "rgba(243, 242, 243, 1)",
      "default": "rgba(255, 255, 255, 1)"
    },
    primary: {
      light: civicPlumLight,
      main: civicPrimary,
      dark: civicPrimary,
      contrastText: "#fff"
    },
    secondary: {
      light: civicAction,
      main: civicAction,
      dark: civicAction,
      contrastText: "#fff"
    },
    error: {
      light: civicError,
      main: civicError,
      dark: civicError,
      contrastText: "#fff"
    },
    text: {
      primary: civicPrimary,
      secondary: civicPrimary,
      disabled: civicSubdued,
      hint: civicMedium
    }
  },
  shape: {
    borderRadius: 0
  },
  typography: {
    fontFamily: dataSanSerif,
    button: {
      fontFamily: sanSerif
    }
  },
  transitions: {
    duration: {
      shortest: 150 / animationSpeed,
      shorter: 200 / animationSpeed,
      "short": 250 / animationSpeed,
      standard: 300 / animationSpeed,
      complex: 375 / animationSpeed,
      enteringScreen: 225 / animationSpeed,
      leavingScreen: 195 / animationSpeed
    }
  },
  props: {
    MuiButtonBase: {
      disableRipple: true
    }
  }
});
export default MaterialTheme;