jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-03 18:06:38 -04:00
Code Issues Activity

clean up stitches theme config

Browse Source
This commit is contained in:
Jake Jarvis
2022-07-07 16:19:28 -04:00
parent b1a92a2eab
commit 295301aa9e
7 changed files with 29 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
pages/_document.tsx
View File

@ -1,13 +1,19 @@
import { Html, Head, Main, NextScript } from "next/document";
import ThemeScript from "../components/ThemeScript/ThemeScript";
import { getCssText, preloadFonts } from "../lib/styles/stitches.config";
import { themeClassNames, themeDefault, themeStorageKey } from "../lib/config/themes";
import { getCssText, reset, themeClassNames, themeStorageKey, preloadFonts } from "../lib/styles/stitches.config";
import * as config from "../lib/config";
// ensure the server can handle multiple requests without accumulating previous visitors' stylesheets
const getCssAndReset = () => {
const css = getCssText();
reset();
return css;
};
// https://nextjs.org/docs/advanced-features/custom-document
const Document = () => {
return (
<Html lang={config.siteLocale} className={themeClassNames[themeDefault]}>
<Html lang={config.siteLocale} className={themeClassNames["light"]}>
<Head>
{/* inject a small script to set/restore the user's theme ASAP */}
<ThemeScript {...{ themeClassNames, themeStorageKey }} />
@ -25,7 +31,7 @@ const Document = () => {
))}
{/* stitches SSR: https://stitches.dev/blog/using-nextjs-with-stitches#step-3-ssr */}
<style id="stitches" dangerouslySetInnerHTML={{ __html: getCssText() }} />
<style id="stitches" dangerouslySetInnerHTML={{ __html: getCssAndReset() }} />
</Head>
<body>
<Main />