darkmode scripts

quartz/components/Header.tsx

@@ -1,14 +1,20 @@
 import { resolveToRoot } from "../path"
+import Darkmode from "./Darkmode"
+import style from '../styles/header.scss'
 
 export interface HeaderProps {
   title: string
   slug: string
 }
 
-export function Component({ title, slug }: HeaderProps) {
+export default function Header({ title, slug }: HeaderProps) {
   const baseDir = resolveToRoot(slug)
   return <header>
     <h1><a href={baseDir}>{title}</a></h1>
+    <div class="spacer"></div>
+    <Darkmode />
   </header>
 }
 
+Header.beforeDOMLoaded = Darkmode.beforeDOMLoaded
+Header.css = style + Darkmode.css