)
export default Layout
```
### Individual Styling
This is how you would use the individual styles if you wish to have more controls over styles.
```javascript
import React from "react"
import { Styled } from "theme-ui"
const Navbar = () => {
return (
)
}
export default Navbar
```
## Theme Component Shadowing
Please follow this [guide](https://egghead.io/lessons/gatsby-use-component-shadowing-to-override-gatsby-theme-components) to override or extend this `gatsby-theme-90s`.
### Example
```javascript
/**
* ! NOTE
*
* Shadow the folder structure of the theme: ./src/gatsby-theme-90s/theme.js
*/
import { theme as baseTheme } from "gatsby-theme-90s/src/theme"
export const theme = {
...baseTheme,
colors: {
...baseTheme.colors,
primary: "tomato", // Change the primary colour
},
styles: {
...baseTheme.styles,
p: {
...baseTheme.styles.p,
fontWeight: "bold", // Change the font weight of "p" tag
},
},
}
```
---
_Source: https://npm.io/package/gatsby-theme-90s · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
