From 63a9aad62ef9c27c413abd6ee20498e0e387c962 Mon Sep 17 00:00:00 2001 From: lonkaars Date: Tue, 13 Jul 2021 11:52:13 +0200 Subject: head v2 --- pages/_app.tsx | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) (limited to 'pages') diff --git a/pages/_app.tsx b/pages/_app.tsx index f0b964e..e7ed373 100644 --- a/pages/_app.tsx +++ b/pages/_app.tsx @@ -1,4 +1,5 @@ import Head from 'next/head'; +import { useEffect, useState } from 'react'; import '../styles/button.css'; import '../styles/card.css'; @@ -13,6 +14,13 @@ import '../styles/search.css'; import '../styles/tags.css'; export default function Blog({ Component, pageProps }) { + var [dark, setDark] = useState(false); + useEffect(() => { + let colorSchemeQueryList = window.matchMedia('(prefers-color-scheme: dark)'); + setDark(!!colorSchemeQueryList.matches); + colorSchemeQueryList.addEventListener('change', e => setDark(!!e.matches)); + }, []); + return <> this.rel = 'stylesheet'} /> @@ -24,9 +32,7 @@ export default function Blog({ Component, pageProps }) { - - - + ; -- cgit v1.2.3