add orphan toggle

1 files changed, 4 insertions, 5 deletions

diff --git a/pages/_app.tsx b/pages/_app.tsx
index 262ac69..68ac321 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -38,16 +38,14 @@ function MyApp({ Component, pageProps }: AppProps) {
     trackTheme.addEventListener('message', (e) => {
       const themeData = JSON.parse(e.data)
       setEmacsTheme(themeData)
-      console.log(themeData)
-      console.log(themeData['fg-alt'])
     })
   }, [])
 
-  const borderColor = emacsTheme.violet + 'aa'
-  const theme =
+  const theme = useMemo(() => {
     //useMemo(() => {
     //console.log("theme change")
-    extendTheme({
+    const borderColor = emacsTheme.violet + 'aa'
+    return extendTheme({
       colors: {
         white: emacsTheme.bg,
         black: emacsTheme.fg,
@@ -97,6 +95,7 @@ function MyApp({ Component, pageProps }: AppProps) {
         outline: '0 0 0 3px ' + borderColor,
       },
     })
+  }, [JSON.stringify(emacsTheme)])
   // }, [emacsTheme.base1])
 
   return (