fix(example): theming

kripod · Mar 21, 2020 · 06c435a · 06c435a
1 parent ef443c4
commit 06c435a
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/packages/example/src/components/Layout.tsx b/packages/example/src/components/Layout.tsx
@@ -1,9 +1,10 @@
 import { graphql, useStaticQuery } from 'gatsby';
-import { defaultTheme } from 'glaze';
 import React from 'react';
 import { Helmet } from 'react-helmet';
 import { TreatProvider } from 'react-treat';
 
+import theme from '../gatsby-plugin-treat/theme.treat';
+
 export interface LayoutProps {
   children: React.ReactNode;
 }
@@ -29,7 +30,7 @@ export function Layout({ children }: LayoutProps): JSX.Element {
         <meta name="description" content={data.site.siteMetadata.description} />
       </Helmet>
 
-      <TreatProvider theme={defaultTheme}>
+      <TreatProvider theme={theme}>
         <header>{/* TODO */}</header>
 
         <main>{children}</main>

diff --git a/packages/example/src/gatsby-plugin-treat/theme.treat.ts b/packages/example/src/gatsby-plugin-treat/theme.treat.ts
@@ -0,0 +1,4 @@
+import { defaultTheme } from 'glaze';
+import { createTheme } from 'treat';
+
+export default createTheme(defaultTheme);