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

don't set theme-color until we know for sure what the resolvedTheme is

Browse Source
This commit is contained in:
Jake Jarvis 2022-01-08 11:32:43 -05:00
parent ce39750b0b
commit b7313985db
Signed by: jake
GPG Key ID: 2B0C9CF251E69A39
2 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/Layout.tsx
View File

@ -2,7 +2,7 @@ import Head from "next/head";
import { useTheme } from "next-themes"; import { useTheme } from "next-themes";
import Header from "./page-header/Header"; import Header from "./page-header/Header";
import Footer from "./page-footer/Footer"; import Footer from "./page-footer/Footer";
import { themeColorLight, themeColorDark } from "../lib/config"; import { themeColors } from "../lib/config";
import styles from "./Layout.module.css"; import styles from "./Layout.module.css";
@ -11,9 +11,11 @@ const Layout = ({ children }) => {
return ( return (
<> <>
{resolvedTheme && (
<Head> <Head>
<meta name="theme-color" content={resolvedTheme === "dark" ? themeColorDark : themeColorLight} /> <meta name="theme-color" content={themeColors[resolvedTheme]} />
</Head> </Head>
)}
<Header /> <Header />
<main className={styles.main}> <main className={styles.main}>

7
lib/config.js
View File

@ -18,8 +18,11 @@ module.exports = {
fathomSiteId: "WBGNQUKW", fathomSiteId: "WBGNQUKW",
fathomCustomDomain: "https://blue-chilly.jarv.is", fathomCustomDomain: "https://blue-chilly.jarv.is",
webmentionId: "jarv.is", webmentionId: "jarv.is",
themeColorLight: "#fcfcfc", themeColors: {
themeColorDark: "#252525", // used for `<meta name="theme-color" ...>`, should be the same as CSS `--background-outer` var in styles/colors.css
light: "#fcfcfc",
dark: "#252525",
},
// Me info // Me info
authorName: "Jake Jarvis", authorName: "Jake Jarvis",