Your first animation

To shadow/override this theme, you will need to place your files into src/@rocketseat/gatsby-theme-docs/ folder.

ps: if you still have questions, check the Shadowing in Gatsby Themes article.

Changing the logo

If you want to change the logo just create the following file:

src/@rocketseat/gatsby-theme-docs/components/Logo.js
Copy
import styled from "@emotion/styled";
import logo from "../assets/logo.svg";
export default styled.div`
  width: 160px;
  height: 36px;
  background-size: contain;
  background: url(${logo}) center no-repeat;
`;

Changing the home text

Create a file at src/@rocketseat/gatsby-theme-docs/text/index.mdx to edit the text.