Brent Jackson

Great idea! I'll look into adding that in.

Can do. For the time being I think it's `npm run dev` and `npm run prod`

Hi, if that's not working, can you try this instead and see if it works? ```sh npm install -g gatsby-cli ``` After that installs, run: ```sh gatsby new my-landing-page-site https://github.com/gatsbyjs/gatsby-starter-landing-page...

What version of `@styled-system/css` are you using?

Yeah, v2 should support `borderColor` (v1 does not) – I'd also check to make sure theme context is being passed through when you see things like this

I might be wrong, but I think it depends on *how* you've set up the css prop. I think the babel preset works, but the custom pragma (currently) can't be...

@johnletey The hook needs to be inside the `ThemeProvider` to work, but I don't see one in `src/index.js`

@johnletey right, so it looks like the `useColorMode` hook is being called outside of the `ThemeProvider`, right?

@johnletey the `useContext` hook needs to be inside a *component* that's rendered inside the *provider*. E.g. ```jsx // header component import React from 'react' import { useColorMode } from 'theme-ui'...

Are you rendering the `` component? The setup is a little more cumbersome without the Gatsby plugin https://theme-ui.com/color-modes#applying-colors