import { createTheme, responsiveFontSizes } from '@material-ui/core/styles';

const typography = {
  fontFamily: 'Google Sans',
  h5:{
    letterSpacing: .6,
  },
  h6:{
    letterSpacing: .8,
  },
  subtitle1:{
    letterSpacing: .6,
  }
}


export const lightTheme = responsiveFontSizes(createTheme({
    typography: {...typography},
    palette: {
      type : 'light',
      primary: {
        main: '#1FA9E5',
      },
      secondary : {
        main : '#fff',
      },
    },
  }));
export const darkTheme = responsiveFontSizes(createTheme({
    typography: {...typography},
    palette: {
      type : 'dark',
      primary: {
        main: '#1FA9E5',
      },
      secondary : {
        main : '#000',
      },
    },
  }));