feat(www): Add gatsby-plugin-theme-ui, dark theme MVP

www/gatsby-config.js

@@ -65,6 +65,7 @@ module.exports = {
     "Mdx.frontmatter.author": `AuthorYaml`,
   },
   plugins: [
+    `gatsby-plugin-theme-ui`,
     {
       resolve: `gatsby-source-npm-package-search`,
       options: {

www/gatsby-ssr.js

@@ -1,5 +1,4 @@
 import React from "react"
-import wrapRoot from "./wrap-root-element"
 
 export const onRenderBody = ({ setHeadComponents, setPostBodyComponents }) => {
   setHeadComponents([
@@ -31,5 +30,3 @@ export const onRenderBody = ({ setHeadComponents, setPostBodyComponents }) => {
     />,
   ])
 }
-
-export const wrapRootElement = wrapRoot

www/package.json

@@ -10,7 +10,6 @@
     "@mdx-js/mdx": "^1.5.0",
     "@mdx-js/react": "^1.5.0",
     "@reach/skip-nav": "^0.1.3",
-    "@reach/visually-hidden": "^0.1.4",
     "@styled-system/prop-types": "^5.1.2",
     "@styled-system/should-forward-prop": "^5.1.2",
     "@styled-system/theme-get": "^5.1.2",
@@ -20,7 +19,6 @@
     "color-blend": "^2.0.7",
     "dotenv": "^6.2.0",
     "email-validator": "^1.2.3",
-    "emotion-theming": "^10.0.19",
     "fuse.js": "^3.4.5",
     "gatsby": "^2.15.29",
     "gatsby-design-tokens": "~1.0.9",
@@ -42,6 +40,7 @@
     "gatsby-plugin-offline": "^3.0.11",
     "gatsby-plugin-react-helmet": "^3.1.10",
     "gatsby-plugin-sentry": "^1.0.1",
+    "gatsby-plugin-theme-ui": "^0.2.6",
     "gatsby-plugin-sharp": "^2.2.28",
     "gatsby-plugin-sitemap": "^2.2.16",
     "gatsby-plugin-twitter": "^2.1.9",
@@ -95,6 +94,7 @@
     "slash": "^1.0.0",
     "slugify": "^1.3.5",
     "styled-system": "^5.1.2",
+    "theme-ui": "^0.2.14",
     "typography": "^1.0.0-alpha.4",
     "typography-plugin-code": "^1.0.0-alpha.0",
     "wcag-contrast": "^2.1.1",