regalijan/car-crushers-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Simplify theme setting in root

Browse Source
This commit is contained in:
regalijan 2023-10-19 16:50:23 -04:00
parent 2fc6a521c3
commit 13b02c39a0
Signed by: regalijan
GPG Key ID: 5D4196DA269EF520
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/root.tsx
View File

@ -165,14 +165,18 @@ function getMarkup(
return ( return (
<html <html
data-theme={loaderData.theme}
lang="en-US" lang="en-US"
{...(loaderData.theme && {
"data-theme": loaderData.theme,
style: { colorScheme: loaderData.theme },
})}
> >
<head> <head>
<Links /> <Links />
<style nonce={loaderData.nonce}>
{`
:root {
color-scheme: ${loaderData.theme};
}
`}
</style>
{serverStyleData?.map(({ key, ids, css }) => ( {serverStyleData?.map(({ key, ids, css }) => (
<style <style
key={key} key={key}