import Head from 'next/head';
import { useEffect, useState } from 'react';
import '../styles/button.css';
import '../styles/card.css';
import '../styles/code.css';
import '../styles/colors.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';
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'} />
Loek's Blog
;
}