gatsby-plugin-material-ui

gatsby-plugin-material-ui copied to clipboard

Hi I am using material-ui ^1.0.0-beta.34 and I can't seem to get the styles applied in gatsby...

gatsby-config.js

    {
      resolve: 'gatsby-plugin-material-ui',
      options: {
        pathToTheme: 'src/mui-theme'
      }
    },

mui-theme.js

import { createMuiTheme } from 'material-ui';
import green from 'material-ui/colors/green';
import grey from 'material-ui/colors/grey';

export default createMuiTheme({
  palette: {
    primary: green,
    secondary: grey,
    error: {
      light: 'rgba(128,0,0,.9)',
      main: 'rgba(128,0,0,.9)',
      dark: 'rgba(128,0,0,.9)',
      contrastText: '#FFFFFF'
    },
    background: {
      default: '#FFFFFF'
    }
  },
  overrides: {
    MuiButton: {
      root: {
        borderRadius: 5
      }
    },
    MuiPaper: {
      root: {
        boxShadow:
          '0px 1px 1px -1px rgba(0, 0, 0, 0.2),' +
          '0px 3px 1px -1px rgba(0, 0, 0, 0.14),' +
          '0px 1px 1px -1px rgba(0, 0, 0, 0.12)'
      },
      rounded: {
        borderRadius: 5
      }
    }
  }
});

I'm not getting any errors so I'm not sure where to turn next...

I have the same problem.

Same