jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2026-09-04 11:15:32 -04:00
Code Issues Activity

animated dark mode toggle 🌓

Browse Source
This commit is contained in:
jake
2022-03-07 20:08:38 -05:00
parent 19394c1fb7
commit f5c8a7a21a
8 changed files with 229 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
hooks/use-theme.tsx
+8 -4
View File
@@ -238,8 +238,6 @@ const ThemeScript = memo(
<script
key="next-themes-script"
dangerouslySetInnerHTML={{
// These are minified via Terser and then updated by hand, don't recommend
// prettier-ignore
__html: `!function(){${optimization}${updateDOM(forcedTheme)}}()`,
}}
/>
@@ -247,8 +245,14 @@ const ThemeScript = memo(
<script
key="next-themes-script"
dangerouslySetInnerHTML={{
// prettier-ignore
__html: `!function(){try {${optimization}var e=localStorage.getItem("${storageKey}");${!defaultSystem ? updateDOM(defaultTheme) + ";" : ""}if("system"===e||(!e&&${defaultSystem})){var t="${MEDIA}",m=window.matchMedia(t);m.media!==t||m.matches?${updateDOM("dark")}:${updateDOM("light")}}else if(e) ${value ? `var x=${JSON.stringify(value)};` : ""}${updateDOM(value ? "x[e]" : "e", true)}}catch(e){}}()`,
__html: `!function(){try{${optimization}var e=localStorage.getItem("${storageKey}");${
!defaultSystem ? updateDOM(defaultTheme) + ";" : ""
}if("system"===e||(!e&&${defaultSystem})){var t="${MEDIA}",m=window.matchMedia(t);m.media!==t||m.matches?${updateDOM(
"dark"
)}:${updateDOM("light")}}else if(e){${value ? `var x=${JSON.stringify(value)}` : ""}}${updateDOM(
value ? "x[e]" : "e",
true
)}}catch(e){}}()`,
}}
/>
)}