Build 29068637

src/PWA/manifest.json

@@ -16,6 +16,6 @@
   ],
   "start_url": "/index.html?isPWA=true",
   "display": "fullscreen",
-  "theme_color": "#5DA3EA",
+  "theme_color": "#000000",
   "background_color": "#ffffff"
 }

src/PWA/sw-b71.js

@@ -1,5 +1,5 @@
 // The version of the cache.
-const VERSION = "29068622";
+const VERSION = "29068637";
 
 // The name of the cache
 const CACHE_NAME = `breakout-71-${VERSION}`;

src/data/version.json

@@ -1 +1 @@
-"29068622"
+"29068637"

src/gameStateMutators.ts

@@ -690,8 +690,10 @@ export async function setLevel(gameState: GameState, l: number) {
   // This caused problems with accented characters like the ô of côte d'ivoire for odd reasons
   // background.src = 'data:image/svg+xml;base64,' + btoa(lvl.svg)
   background.src = "data:image/svg+xml;UTF8," + lvl.svg;
-
-  document.body.style.setProperty("--level-background", lvl.color || "#000");
+  document.body.style.setProperty("--level-background", lvl.color || "#000000");
+  document
+    .getElementById("themeColor")
+    ?.setAttribute("content", lvl.color || "#000000");
 }
 
 function setBrick(gameState: GameState, index: number, color: string) {

src/index.html

@@ -13,6 +13,7 @@
       content="A breakout game with roguelite mechanics. Break bricks, catch coins, pick upgrades, repeat. Play for free on mobile and desktop."
     />
     <link rel="manifest" href="./PWA/manifest.json" />
+    <meta name="theme-color" content="#000000" id="themeColor" />
 
     <style>
       @import "game.less";