import React from "react";
import { createMuiTheme } from "@material-ui/core/styles";

const theme = createMuiTheme({
  palette: {
    primary: {
      main: "#F86743",
			contrastText: "#ffffff",
    },
    secondary: {
      main: "#e8eaf6",
    },
    text: {
      secondary: "rgba(255,255,255,0.7)",
    },
    type: "dark",
    surfaceColor: "#27292d",
    inputColor: "#383B40",
    platformColor: "#1c1c1d",
    backgroundColor: "#1a1a1a",
    borderRadius: 5,
    defaultBorder: "1px solid rgba(255,255,255,0.3)",
		jsonTheme: "brewer",
		reactJsonStyle: {
			borderRadius: 5,
			border: "1px solid rgba(255,255,255,0.7)",
			padding: 5, 
		},
    textFieldStyle: {
      backgroundColor: "#383B40",
      borderRadius: 5,
    },
    innerTextfieldStyle: {
      color: "white",
      minHeight: 50,
      marginLeft: "5px",
      maxWidth: "95%",
      fontSize: "1em",
      borderRadius: 5,
    },
    tooltip: {
      backgroundColor: "white",
      color: "rgba(0, 0, 0, 0.87)",
      boxShadow: 1,
      fontSize: 11,
    },
    defaultImage:
      "data:image/png;base64,[encoded data, 21916 characters]",
  },
  typography: {
    fontFamily: `"Roboto", "Helvetica", "Arial", sans-serif`,
    useNextVariants: true,
    h1: {
      fontSize: 40,
    },
    h4: {
      fontSize: 30,
      fontWeight: 500,
    },
    h6: {
      fontSize: 22,
    },
    body1: {
      fontSize: 18,
    },
  },
  overrides: {
    MuiMenu: {
      list: {
        backgroundColor: "#27292d",
      },
    },
    MuiCssBaseline: {
      '@global': {
				/*
          scrollbarColor: "#6b6b6b #2b2b2b",
          "&::-webkit-scrollbar, & *::-webkit-scrollbar": {
            backgroundColor: "#2b2b2b",
          },
          "&::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb": {
            borderRadius: 8,
            backgroundColor: "#6b6b6b",
            minHeight: 24,
            border: "3px solid #2b2b2b",
          },
          "&::-webkit-scrollbar-thumb:focus, & *::-webkit-scrollbar-thumb:focus": {
            backgroundColor: "#959595",
          },
          "&::-webkit-scrollbar-thumb:active, & *::-webkit-scrollbar-thumb:active": {
            backgroundColor: "#959595",
          },
          "&::-webkit-scrollbar-thumb:hover, & *::-webkit-scrollbar-thumb:hover": {
            backgroundColor: "#959595",
          },
          "&::-webkit-scrollbar-corner, & *::-webkit-scrollbar-corner": {
            backgroundColor: "#2b2b2b",
          },
				*/	
      }
		},
  },
});

export default theme;
