diff --git a/gatsby-config.js b/gatsby-config.js
index 36dce3c4e873c70a73f4772e862b4e8cfeac43f8..635cf799b81c3015721c543ee6fc5fb69168b8e9 100644
--- a/gatsby-config.js
+++ b/gatsby-config.js
@@ -34,13 +34,16 @@ module.exports = {
         icon : `static/favicon.png`,
       },
     },
-    `gatsby-plugin-sitemap`,
-    {
-      resolve : `gatsby-plugin-google-analytics`,
-      options : {
-          // trackingId: ``,
-      },
-    },
+    
+     `gatsby-plugin-sitemap`,
+    // In order to use google-analytics one needs to provide trackingId
+    // commented out until trackingId is provided
+    // {
+    //   resolve : `gatsby-plugin-google-analytics`,
+    //   options : {
+    //       // trackingId: ``,
+    //   },
+    // },
     {
       resolve : `gatsby-plugin-canonical-urls`,
       options : {
diff --git a/package.json b/package.json
index 446cf85465dc68a8b10b25c020515480b64ab09c..44392031a02d0f35344516d5d3a51fcd8ce94d69 100644
--- a/package.json
+++ b/package.json
@@ -1,22 +1,26 @@
 {
-  "name": "gatsby-starter-rocket-docs",
+  "name": "eic-tutorials",
   "private": true,
-  "version": "1.0.0",
+  "version": "3.0.0",
   "description": "Out of the box Gatsby Starter for creating documentation websites easily and quickly. With support for MDX, code highlight, Analytics, SEO and more",
   "author": "João Pedro Schmitz <oi@joaopedro.cc> (@joaopedro_cc)",
   "license": "MIT",
   "starter-name": "gatsby-starter-rocket-docs",
   "dependencies": {
-    "@rocketseat/gatsby-theme-docs": "^2.1.0",
-    "gatsby": "^2.19.10",
-    "gatsby-plugin-canonical-urls": "^2.1.19",
-    "gatsby-plugin-google-analytics": "^2.1.34",
-    "gatsby-plugin-manifest": "^2.2.37",
-    "gatsby-plugin-offline": "^3.0.32",
-    "gatsby-plugin-sitemap": "^2.2.26",
-    "prop-types": "^15.7.2",
-    "react": "^16.12.0",
-    "react-dom": "^16.12.0"
+    "gatsby": "^4.8.1",
+    "@rocketseat/gatsby-theme-docs": "^3.1.0",
+    "gatsby-plugin-canonical-urls": "^4.8.0",
+    "gatsby-plugin-google-analytics": "^4.8.0",
+    "gatsby-plugin-manifest": "^4.8.1",
+    "gatsby-plugin-offline": "^5.8.1",
+    "gatsby-plugin-sitemap": "^5.8.0",
+    "emotion-theming": "10.3.0",
+    "@emotion/core":"10.1.1",    
+    "prop-types": "^15.8.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-dev-utils":"^12.0.0",
+    "immer":"9.0.12"
   },
   "devDependencies": {},
   "keywords": [
diff --git a/src/@rocketseat/gatsby-theme-docs/styles/global.js b/src/@rocketseat/gatsby-theme-docs/styles/global.js
index ac3b4979c5c0e27745f3b01ae3229f71624b6d18..de40a59c7d13633f04667546fbfe5f2d4539e3fb 100644
--- a/src/@rocketseat/gatsby-theme-docs/styles/global.js
+++ b/src/@rocketseat/gatsby-theme-docs/styles/global.js
@@ -2,9 +2,25 @@ import React from 'react';
 import { Global, css } from '@emotion/core';
 import { useTheme } from 'emotion-theming';
 import { lighten } from 'polished';
+import { theme } from './theme';
 
 export default function GlobalStyle() {
-  const theme = useTheme();
+  const theme = {
+    colors: {
+      primary: '#E1A809',
+      background: '#fff',
+      sidebar: {
+        background: '#ffffff',
+        link: '#737373',
+        heading: '#aaa',
+        linkActive: '#13131A',
+        itemActive: '#F5F5FA',
+        footer: '#A8A8B3',
+      }
+    }
+  };
+
+  console.log(theme);
 
   return (
     <Global