From 9791c09a258f702bca29cf922f883872a9c58448 Mon Sep 17 00:00:00 2001
From: Chris Kruining <c.kruining@4dotnet.nl>
Date: Mon, 2 Dec 2024 09:55:02 +0100
Subject: [PATCH] does this prevent the url from showin in pwa mode???

---
 src/routes/(editor).tsx      | 12 ++++++++----
 src/routes/editor.module.css |  2 ++
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/routes/(editor).tsx b/src/routes/(editor).tsx
index ac4c55d..9532512 100644
--- a/src/routes/(editor).tsx
+++ b/src/routes/(editor).tsx
@@ -1,5 +1,5 @@
 import { Link, Meta, Title } from "@solidjs/meta";
-import { Component, createMemo, createSignal, createUniqueId, ErrorBoundary, ParentProps, Show } from "solid-js";
+import { Component, createEffect, createMemo, createSignal, createUniqueId, ErrorBoundary, ParentProps, Show } from "solid-js";
 import { FilesProvider } from "~/features/file";
 import { CommandPalette, CommandPaletteApi, Menu, MenuProvider } from "~/features/menu";
 import { A, RouteDefinition, useBeforeLeave } from "@solidjs/router";
@@ -44,12 +44,16 @@ export default function Editor(props: ParentProps) {
         transition(() => { e.retry(true) })
     });
 
+    createEffect(() => {
+        console.log(theme.hue);
+    });
+
     return <MenuProvider commands={commands}>
         <HttpHeader name="Accept-CH" value="Sec-CH-Prefers-Color-Scheme" />
 
         <Title>Calque</Title>
 
-        <Show when={theme}>{
+        <Show when={theme.colorScheme || theme.hue ? theme : undefined}>{
             theme => {
                 const lightness = createMemo(() => {
                     const scheme = theme().colorScheme === ColorScheme.Auto ? event?.request.headers.get('Sec-CH-Prefers-Color-Scheme') : theme().colorScheme;
@@ -58,8 +62,8 @@ export default function Editor(props: ParentProps) {
                 });
 
                 return <>
-                    <Meta name="color-scheme" content={theme().colorScheme} />
-                    <Meta name="theme-color" content={`oklch(${lightness()} .02 ${theme().hue})`} />
+                    <meta name="color-scheme" content={theme().colorScheme} />
+                    <meta name="theme-color" content={`oklch(${lightness()} .02 ${theme().hue})`} />
 
                     <style>{`
                         :root {
diff --git a/src/routes/editor.module.css b/src/routes/editor.module.css
index b5259d4..f074f34 100644
--- a/src/routes/editor.module.css
+++ b/src/routes/editor.module.css
@@ -83,6 +83,8 @@
                 }
             }
         }
+
+        @media (display-mode: window-controls-overlay) {}
     }
 
     & > section {