feat(style): set background color

remarkablegames · Feb 18, 2024 · 4a35544 · 4a35544
1 parent cd02307
commit 4a35544
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 1 deletion.
diff --git a/src/levels/sinbad.json b/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,

diff --git a/src/levels/tranquil-wave.json b/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,

diff --git a/src/scenes/game.ts b/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([

diff --git a/src/style.css b/src/style.css
@@ -11,6 +11,10 @@ body {
   overflow: hidden;
 }
 
+body {
+  background: lightgrey;
+}
+
 canvas {
   position: absolute;
   top: 50%;