jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-06-30 22:26: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

10
components/Layout/Layout.tsx
View File

@ -3,8 +3,7 @@ import Header from "../Header";
import Footer from "../Footer";
import { SkipToContentLink, SkipToContentTarget } from "../SkipToContent";
import { useTheme } from "../../hooks/use-theme";
import { styled, theme } from "../../lib/styles/stitches.config";
import { themeColors } from "../../lib/config/themes";
import { styled, theme, darkTheme } from "../../lib/styles/stitches.config";
import type { ComponentProps } from "react";
const Flex = styled("div", {
@ -45,8 +44,11 @@ const Layout = ({ container = true, children, ...rest }: LayoutProps) => {
return (
<>
<Head>
{/* dynamically set browser theme color to match the background color; default to light for SSR */}
<meta name="theme-color" content={themeColors[activeTheme === "dark" ? activeTheme : "light"]} />
<meta
// dynamically set browser theme color to match the background color; default to light for SSR
name="theme-color"
content={(activeTheme === "dark" ? darkTheme : theme)?.colors?.backgroundOuter?.value}
/>
</Head>
<SkipToContentLink />