fix color scheme???

src/components/colorschemepicker.tsx

@@ -52,13 +52,13 @@ const ThemeContext = createContext<ThemeContextType>();
 const useStore = () => useContext(ThemeContext)!;
 
 export const useTheme = () => {
-    const { theme } = useContext(ThemeContext) ?? {};
+    const ctx = useContext(ThemeContext);
 
-    if (theme === undefined) {
+    if (ctx === undefined) {
         throw new Error('useColorScheme is called outside a <ColorSchemeProvider />');
     }
 
-    return theme;
+    return ctx.theme;
 };
 
 export const ThemeProvider: ParentComponent = (props) => {
@@ -73,10 +73,6 @@ export const ThemeProvider: ParentComponent = (props) => {
                 setStore(state());
             });
 
-            createEffect(() => {
-                console.log({ ...store })
-            });
-
             return <ThemeContext.Provider value={{
                 get theme() { return store; },
                 setColorScheme(colorScheme: ColorScheme) { updateState(mutate(prev => ({ ...prev, colorScheme }))) },

src/routes/(editor).tsx

@@ -38,16 +38,24 @@ export default function Editor(props: ParentProps) {
         <Title>Calque</Title>
 
         <Show when={theme}>{
-            theme => <>
+            theme => {
-                <meta name="color-scheme" content={theme().colorScheme} />
+                const themeColor = createMemo(() => {
-                <meta name="theme-color" content="light-dark(#f0f, #0f0)" />
+                    theme();
 
-                <style>{`
+                    return window.getComputedStyle(document.body).backgroundColor;
+                });
+
+                return <>
+                    <Meta name="color-scheme" content={theme().colorScheme} />
+                    <Meta name="theme-color" content={themeColor()} />
+
+                    <Style>{`
                     :root {
                         --hue: ${theme().hue}deg !important;
                     }
-                `}</style>
+                `}</Style>
-            </>
+                </>;
+            }
         }</Show>
 
         <Link rel="icon" href="/images/favicon.dark.svg" media="screen and (prefers-color-scheme: dark)" />