restore dark theme on unmount

apps/www/pages/ga-week/index.tsx

@@ -65,14 +65,19 @@ export default function GAWeekIndex({ meetups }: Props) {
     }
   }, [supabase])
 
+  const isDark = resolvedTheme?.includes('dark')
   const isDarkTheme = resolvedTheme === 'dark'
 
   useEffect(() => {
-    if (isDarkTheme) {
-      setTheme('deep-dark')
-    }
+    isDarkTheme && setTheme('deep-dark')
   }, [isDarkTheme])
 
+  useEffect(() => {
+    return () => {
+      isDark && setTheme('dark')
+    }
+  }, [])
+
   useEffect(() => {
     if (session?.user) {
       if (userData?.id) {

apps/www/pages/ga-week/tickets/[username].tsx

@@ -43,14 +43,19 @@ export default function UsernamePage({ user, ogImageUrl }: Props) {
   const [ticketState, setTicketState] = useState<TicketState>('ticket')
   const { resolvedTheme, setTheme } = useTheme()
 
+  const isDark = resolvedTheme?.includes('dark')
   const isDarkTheme = resolvedTheme === 'dark'
 
   useEffect(() => {
-    if (isDarkTheme) {
-      setTheme('deep-dark')
-    }
+    isDarkTheme && setTheme('deep-dark')
   }, [isDarkTheme])
 
+  useEffect(() => {
+    return () => {
+      isDark && setTheme('dark')
+    }
+  }, [])
+
   if (!ticketNumber) {
     return <Error statusCode={404} />
   }

apps/www/pages/ga.tsx

@@ -30,11 +30,15 @@ export default function IndexPage() {
   const isDarkTheme = resolvedTheme === 'dark'
 
   useEffect(() => {
-    if (isDarkTheme) {
-      setTheme('deep-dark')
-    }
+    isDarkTheme && setTheme('deep-dark')
   }, [isDarkTheme])
 
+  useEffect(() => {
+    return () => {
+      isDark && setTheme('dark')
+    }
+  }, [])
+
   return (
     <DefaultLayout>
       <NextSeo