Styles on theme not applied

[jonniebigodes]

Description

Following the course posted on egghead.io all goes well until part 13.

Following the steps on how to consume a theme into a gatsby application i've ran into some issues with the styles not being applied.

Steps to reproduce

• Created a new folder called theme-test

• Ran yarn init -y

• Added the dependencies @jlengstorf/gatsby-theme-events, gatsby, react, react-dom

• As i have gatsby-cli installed and updated i skipped the step

• Created a gatsby-config.js with the following content:

  module.exports={
  plugins:[
      '@jlengstorf/gatsby-theme-events'
  ]
  }

• Issued gatsby develop and it yelds the following result:

• Continued on with the course to the final lesson.

• Following the instructions on the final lesson to override the color the following folder structure was created:

  
  | theme-test
  |src
  |@jlengstorf
     |gatsby-theme-events
        theme.js

- Added the following to `theme.js` file:
```javascript
import {theme as BaseTheme} from '@jlengstorf/gatsby-theme-events/src/theme'

export const theme={
    ...BaseTheme,
    colors:{
        ...BaseTheme.colors,
        primary:'blue'
    }
}

• Restarted the development server and it should show me a header styled with the color blue but i'm presented with the same result as above.

• The odd thing is that overriding the whole component via component shadowing works. Created src\@jlengstorf\gatsby-theme-events\components\layout.js with the following contents:

  
  import React from 'react';

export default ({children})=>(<>{children}</>)

- Restarted the server and i'm presented with the following:
![theme_error_3](https://user-images.githubusercontent.com/22988955/60758054-5ce2df00-a00a-11e9-9ca4-564ceb985d25.png)

Feel free to provide feedback
Thanks in advance

[jonniebigodes]

Figured it out. Ran yarn upgrade and gatsby clean && gatsby develop and it seems to be working correctly.