message: Update gettting started documentation
diff: @@ -79,11 +79,28 @@ This will apply the same `color`, `font-family`, and `line-height` styles to the
  ## Theming
  -Components are styled using Primer's [theme](https://github.com/primer/components/blob/main/src/theme-preval.js) by default, but you can provide your own theme by using [styled-component's](https://styled-components.com/) `<ThemeProvider>`. If you'd like to fully replace the Primer [theme](https://github.com/primer/components/blob/main/src/theme-preval.js) with your custom theme, pass your theme to the `<ThemeProvider>` in the root of your application like so:
  +For Primer Components to render correcly, you must pass the Primer theme to a [styled-components](<(https://styled-components.com/)>) `<ThemeProvider>` at the root of your application:
  ```jsx
  import {ThemeProvider} from 'styled-components'
  +import {theme} from '@primer/components'
  +const App = props => {
  + return (
  + <div>
  + <ThemeProvider theme={theme}>
  + <div>your app here</div>
  + </ThemeProvider>
  + </div>
  + )
  +}
  +```
  +
  +If you'd like to fully replace the Primer [theme](https://github.com/primer/components/blob/main/src/theme-preval.js) with your custom theme, pass your theme to the `<ThemeProvider>` instead:
  +
  +```jsx
  +import {ThemeProvider} from 'styled-components'
  +import {theme} from '@primer/components'
  const theme = { ... }
  const App = (props) => {
  