From d389ce9b094e1e19ded4f608f25bb6e962ff3467 Mon Sep 17 00:00:00 2001
From: Arthur <79015591+arthur-adriansens@users.noreply.github.com>
Date: Sat, 6 Jan 2024 11:03:35 +0100
Subject: [PATCH] cleartrail wrong background color bug fix and finally fixed
 black on resize bug

---
 src/js/game.js  | 4 ++++
 src/js/setup.js | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/js/game.js b/src/js/game.js
index 8272c5f..60565f0 100644
--- a/src/js/game.js
+++ b/src/js/game.js
@@ -42,6 +42,8 @@ class Game {
         }
 
         // redraw blocks
+        ctx.fillStyle = colors[piece?.piece];
+
         board.forEach((row, rowIndex) => {
             row.forEach((x, colIndex) => {
                 if (x != 0) {
@@ -51,6 +53,8 @@ class Game {
             });
         });
 
+        ctx.fillStyle = colors[piece?.piece];
+
         this.shadow(false);
     }
 
diff --git a/src/js/setup.js b/src/js/setup.js
index 953e852..7c1cb50 100644
--- a/src/js/setup.js
+++ b/src/js/setup.js
@@ -38,12 +38,11 @@ const speedIcons = [
     "M23.9,11.437A12,12,0,0,0,4,4.052a12.055,12.055,0,0,0-.246,17.66A4.847,4.847,0,0,0,7.114,23H16.88a4.988,4.988,0,0,0,3.508-1.429A11.942,11.942,0,0,0,23.9,11.437ZM18.99,20.142A3.005,3.005,0,0,1,16.88,21H7.114a2.863,2.863,0,0,1-1.982-.741A10.045,10.045,0,0,1,5.337,5.543a10,10,0,0,1,13.653,14.6ZM20,13a7.927,7.927,0,0,1-2.409,5.715,1,1,0,1,1-1.4-1.43C20.039,13.684,17.268,6.9,12,7a6.024,6.024,0,0,0-5.939,5.142,1,1,0,0,1-1.98-.284C5.766,2.13,19.73,3.113,20,13Zm-6,0a2.013,2.013,0,0,1-3.184,1.612L5.949,16.748a1,1,0,1,1-.8-1.832l4.867-2.136A2,2,0,0,1,14,13Z",
 ];
 
-let board, game, piece, block_size, autoInterval, dropInterval;
+let board, game, piece, block_size, autoInterval, dropInterval, bgColor;
 let speed = 40 - Number(speedIcon.dataset.state) * 10;
 let auto_speed = 750;
 let username = window.localStorage.getItem("username");
 let startScreen = false;
-let bgColor = window.getComputedStyle(document.querySelector(".main_layout")).backgroundColor;
 
 // event listeners
 throphy_logo.onload = () => {
@@ -54,6 +53,7 @@ throphy_logo.onload = () => {
 window.onload = () => {
     soundtrack.loop = true;
     soundtrack.volume = 0.5 * trackIcon.dataset.state;
+    bgColor = window.getComputedStyle(document.querySelector(".main_layout")).backgroundColor;
 
     change_dimensions();
     usernameHTML.value = username ? username : "";