1 files changed, 76 insertions, 0 deletions
diff --git a/packages/dev-tools-pages/ts/globalStyles.tsx b/packages/dev-tools-pages/ts/globalStyles.tsx
new file mode 100644
index 000000000..1a2a1769a
--- /dev/null
+++ b/packages/dev-tools-pages/ts/globalStyles.tsx
@@ -0,0 +1,76 @@
+import { createGlobalStyle } from 'styled-components';
+import styledNormalize from 'styled-normalize';
+import hljsStyles from 'highlight.js/styles/github-gist.css';
+
+import { withContext } from 'ts/components/withContext';
+
+const BaseStyles = createGlobalStyle`
+  ${styledNormalize}
+  ${hljsStyles}
+
+  @font-face {
+    font-family: "Maison Neue";
+    src: url("/fonts/MaisonNeue-Book-subset.woff") format("woff");
+    font-weight: 300;
+    font-display: swap;
+    unicode-range: U+20-7E;
+  }
+  @font-face {
+    font-family: "Maison Neue";
+    src: url("/fonts/MaisonNeue-Bold-subset.woff") format("woff");
+    font-weight: 500;
+    font-display: swap;
+    unicode-range: U+20-7E;
+  }
+  @font-face {
+    font-family: "Maison Neue Mono";
+    src: url("/fonts/MaisonNeue-Mono-subset.woff") format("woff");
+    font-weight: 300;
+    font-display: optional;
+    unicode-range: U+20-7E;
+  }
+
+  html {
+    font-size: 100%;
+    box-sizing: border-box;
+  }
+  
+  *, *::before, *::after {
+    box-sizing: inherit;
+  }
+  
+  body {
+    font-family: "Maison Neue", system-ui, sans-serif;
+    font-weight: 300;
+    font-size: 1rem;
+    line-height: 1.8;
+  }
+
+  a {
+  color: ${(props: any) => props.colors.link};
+    text-decoration: none; 
+
+    &:hover {
+      color: red; //what should this be?
+    }
+  }
+  
+  h1, h2, h3, h4 {
+    font-weight: 500;
+    margin: 0;
+  }
+
+  p {
+    margin-top: 0;
+    margin-bottom: 1em;
+    &:not([class]):last-of-type {
+      margin-bottom: 0;
+    }
+  }
+
+  code {
+    font-family: "Maison Neue Mono", monospace;
+  }
+`;
+
+export default withContext(BaseStyles);