ui fixes

dist/index.html

@@ -9,24 +9,18 @@
             content="width=device-width, initial-scale=1.0, viewport-fit=cover, user-scalable=no"
         />
 
-        <meta
-            name="theme-color"
-            content="hsla(0, 0%, 100%, 100%)"
-            media="(prefers-color-scheme: light)"
-        />
         <meta
             name="theme-color"
             content="black"
-            media="(prefers-color-scheme: dark)"
         />
 
-        <link rel="stylesheet" href="/styles.css" />
-        <link rel="stylesheet" href="/index.css" />
-        <link rel="manifest" href="/manifest.json" />
-        <link rel="icon" href="/icon.png" />
-        <script src="/support.js" defer></script>
+        <link rel="stylesheet" href="styles.css" />
+        <link rel="stylesheet" href="index.css" />
+        <link rel="manifest" href="manifest.json" />
+        <link rel="icon" href="icon.png" />
+        <script src="support.js" defer></script>
 
-        <script src="/index.js" defer></script>
+        <script src="index.js" defer></script>
     </head>
 
     <body>

dist/manifest.json

@@ -1,6 +1,6 @@
 {
     "name": "Comms",
-    "display": "fullscreen",
+    "display": "standalone",
     "icons": [
         {
             "src": "icon.png",

dist/styles.css

@@ -114,10 +114,14 @@ COLORS
 
 /* basic */
 html {
-    background: var(--background);
+    background: black;
     color: var(--text-normal);
 }
 
+body {
+    background: var(--background);
+}
+
 .tile {
     color: var(--text-normal);
 }