diff --git a/‎src/components/Code.js‎
Lines changed: 3 additions & 2 deletions b/‎src/components/Code.js‎
Lines changed: 3 additions & 2 deletions
diff --git a/‎src/components/PageWrapper.js‎
Lines changed: 0 additions & 6 deletions b/‎src/components/PageWrapper.js‎
Lines changed: 0 additions & 6 deletions
diff --git a/‎src/theme.js‎
Lines changed: 3 additions & 1 deletion b/‎src/theme.js‎
Lines changed: 3 additions & 1 deletion
diff --git a/‎static/Contributors.js‎
Lines changed: 0 additions & 63 deletions b/‎static/Contributors.js‎
Lines changed: 0 additions & 63 deletions
@@ -1,6 +1,6 @@
 import React from 'react'
 import rangeParser from 'parse-numeric-range';
-import styled, { useTheme, th, up, css } from '@xstyled/styled-components'
+import styled, { useTheme, th, up, css, useColorMode } from '@xstyled/styled-components'
 import Highlight, { defaultProps } from 'prism-react-renderer'
 import {
   LiveProvider,
@@ -183,7 +183,8 @@ function importToRequire(code) {
 
 export function usePrismTheme() {
   const theme = useTheme()
-  return th('prism-theme')({ theme })
+  const [mode] = useColorMode()
+  return th(`prism-theme-${mode === 'light' ? 'light' : 'dark'}`)({ theme })
 }
 
 
 
@@ -1,16 +1,13 @@
 import React from 'react'
 import { PageLayout } from './PageLayout'
 import { DocLayout } from './DocLayout'
-import { withPrefix } from "gatsby"
-import Helmet from "react-helmet"
 
 export function PageWrapper({
   children,
   props: {
     data: { mdx },
   },
 }) {
-  const isBrowser = typeof window !== 'undefined'
   if (!mdx?.fields?.pageType) return children
   switch (mdx.fields.pageType) {
     case 'doc':
@@ -21,9 +18,6 @@ export function PageWrapper({
           editLink={mdx.fields.editLink}
         >
           {children}
-          <Helmet>
-            {isBrowser && <script defer="defer" src={withPrefix('Contributors.js')} />}
-          </Helmet>
         </DocLayout>
       )
     case 'page':
 
@@ -1,4 +1,5 @@
 import customThemeDark from 'prism-react-renderer/themes/nightOwl'
+import customThemeLight from 'prism-react-renderer/themes/nightOwlLight'
 
 import { transparentize } from 'polished'
 import { css, th, defaultTheme, aliasColor } from '@xstyled/styled-components'
@@ -27,7 +28,8 @@ export const theme = {
       outline-color: primary-500;
     }
   `,
-  'prism-theme': customThemeDark,
+  'prism-theme-dark': customThemeDark,
+  'prism-theme-light': customThemeLight,
   fonts: {
     base: '-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif',
   },