diff options
Diffstat (limited to 'pages/_app.tsx')
-rw-r--r-- | pages/_app.tsx | 34 |
1 files changed, 0 insertions, 34 deletions
diff --git a/pages/_app.tsx b/pages/_app.tsx deleted file mode 100644 index a6c53d3..0000000 --- a/pages/_app.tsx +++ /dev/null @@ -1,34 +0,0 @@ -import Head from 'next/head'; -import { useEffect, useState } from 'react'; - -import '../styles/button.css'; -import '../styles/card.css'; -import '../styles/code.css'; -import '../styles/globals.css'; -import '../styles/image.css'; -import '../styles/layout.css'; -import '../styles/navbar.css'; -import '../styles/print.css'; -import '../styles/search.css'; -import '../styles/tags.css'; -import '../styles/theme.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 <> - <Head> - <html lang='en-US' /> - <link rel='preload' as='style' href='/font/font.css' onLoad={() => this.rel = 'stylesheet'} /> - <meta property='og:url' content='https://blog.pipeframe.xyz' /> - <meta property='og:type' content='website' /> - <meta name='theme-color' content={dark ? '#0D0C1A' : '#EFE9F4'} /> - </Head> - <Component {...pageProps} /> - </>; -} |