mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2025-04-28 02:30:28 -04:00
Jake Jarvis
eccf2108c7
* gymnastics to make theme script work with react 18 hydration * try next 12.1.3 canary to fix SSG head tags? * revert theme script changes * next 12.1.3-canary.3 * double-revert some of the use-theme.tsx changes * separate theme restoration script & move to _document * bump next * bump next (again) * clean up some theme stuff * use hashed image URLs in webmanifest and feeds * text experimental react config * Update ThemeScript.tsx * switch selfie image to `layout="raw"` * use `layout="raw"` for all non-imported images * revert raw images in some places, messes up responsiveness * fix nitpicky "no divs inside buttons" html validation error * fix react-player hydration errors * fix hydration errors from server/client time zone differences * clean up hydration fixes * Update format-date.ts * last-minute cleanup
23 lines
765 B
TypeScript
23 lines
765 B
TypeScript
import { theme, darkTheme } from "../stitches.config";
|
|
|
|
// theme classnames are generated dynamically by stitches, so have ThemeProvider pull them from there
|
|
export const themeClassNames = {
|
|
light: theme.className,
|
|
dark: darkTheme.className,
|
|
};
|
|
|
|
// colors used for `<meta name="theme-color" .../>` (see components/Layout/Layout.tsx)
|
|
export const themeColors = {
|
|
light: theme.colors.backgroundOuter?.value,
|
|
dark: darkTheme.colors.backgroundOuter?.value,
|
|
};
|
|
|
|
// default to a simple light or dark binary option
|
|
export const colorSchemes = ["light", "dark"];
|
|
|
|
// https://web.dev/prefers-color-scheme/#the-prefers-color-scheme-media-query
|
|
export const darkModeQuery = "(prefers-color-scheme: dark)";
|
|
|
|
// local storage key
|
|
export const themeStorageKey = "theme";
|