text: const theme = {
    lato: "'Lato', sans-serif",
    zilla: "'Zilla Slab', sans-serif",
    background: "#15171B",
    inputBackground: "#070809",
    border: "#5D646C",
    panel: "#282C31",
    panel2: "#3A4048",
    selected: "#c4005d",
    selectedText: "#fff",
    hover: "#4B5562",
    hover2: "#636F80",
    text: "#FFFFFF",
    text2: "#9FA4B5",
    dropdown: "#000000",
    red: "#F44336",
    pink: "#E91E63",
    purple: "#9C27B0",
    deepPurple: "#673AB7",
    indigo: "#3F51B5",
    blue: "#c4005d",
    lightBlue: "#03A9F4",
    cyan: "#00BCD4",
    teal: "#009688",
    green: "#4CAF50",
    lightGreen: "#8BC34A",
    lime: "#CDDC39",
    yellow: "#FFEB3B",
    amber: "#FFC107",
    orange: "#FF9800",
    deepOrange: "#FF5722",
    brown: "#795548",
    blueHover: "#d4055a",
    bluePressed: "#d4055a",
    disabled: "#222222",
    disabledText: "grey",
    deemphasized: "grey",
    toolbar: "#4D535B",
    toolbar2: "#43484F",
    header: "#1b1b1b",
    white: "#fff",
    shadow15: "0px 4px 4px  rgba(0, 0, 0, 0.15)",
    shadow30: "0px 4px 4px  rgba(0, 0, 0, 0.3)",
    borderStyle: "1px solid #5D646C",
    darkGrey: "#a9a9a9",
    slateGrey: "#708090"
  };
  
  theme.chartColors = [
    theme.red,
    theme.pink,
    theme.purple,
    theme.deepPurple,
    theme.indigo,
    theme.blue,
    theme.lightBlue,
    theme.cyan,
    theme.teal,
    theme.green,
    theme.lightGreen,
    theme.lime,
    theme.yellow,
    theme.amber,
    theme.orange,
    theme.deepOrange,
    theme.brown
  ];
  
  export default theme;
  