feat(style): set background color

Author: remarkablemark

src/levels/sinbad.json

@@ -3,6 +3,7 @@
   "title": "Sinbad",
   "author": "emex",
   "difficulty": "easy",
+  "color": "lightslategray",
   "background": "sprites/background/guitar-city.png",
   "music": ["sounds/sinbad.webm", "sounds/sinbad.mp3"],
   "volume": 1.0,

src/levels/tranquil-wave.json

@@ -3,6 +3,7 @@
   "title": "Tranquil Wave",
   "author": "emex",
   "difficulty": "hard",
+  "color": "lightgoldenrodyellow",
   "background": "sprites/background/beach.png",
   "music": ["sounds/tranquil-wave.webm", "sounds/tranquil-wave.mp3"],
   "volume": 0.5,

src/scenes/game.ts

@@ -15,7 +15,7 @@ const TARGET_AREA_Y = 540;
 
 scene(Scene.game, (levelId: string) => {
   const level = levels[levelId];
-
+  document.body.style.backgroundColor = level.color;
   const game = add([timer()]);
 
   game.add([

src/style.css

@@ -11,6 +11,10 @@ body {
   overflow: hidden;
 }
 
+body {
+  background: lightgrey;
+}
+
 canvas {
   position: absolute;
   top: 50%;