Update gacha_records.html

Change the colour scheme to make it look more comfortable.

data/gacha_records.html

@@ -6,6 +6,9 @@
         <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400&display=swap">
         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css">
         <style>
+            body {
+                background-color: #f0f0f0;
+            }
             p {
                 font-weight:300;
             }
@@ -40,7 +43,7 @@
                 border:none;
             }
             .yellow {
-                color: yellow;
+                color: rgb(255, 162, 0);
             }
             .blue {
                 color: rgb(75, 107, 251);
@@ -52,16 +55,16 @@
         <title>Gacha Records</title>
         <script>
             // Debug entry
-            // record = [
-            //     {"time": 10000341, "item": 1001}, 
-            //     {"time": 10000342, "item": 1002}, 
-            //     {"time": 10000343, "item": 1003}, 
-            // ];
-            // maxPage = 5;
+             record = [
+                 {"time": 10000341, "item": 1041}, 
+                 {"time": 10000342, "item": 1032}, 
+                 {"time": 10000343, "item": 1035}, 
+             ];
+             maxPage = 5;
 
             // in production environment
-            record = {{REPLACE_RECORD}};
-            maxPage = {{REPLACE_MAXPAGE}};
+            //record = {{REPLACE_RECORD}};
+            //maxPage = {{REPLACE_MAXPAGE}};
 
             // TODO: implement this mapper by yourself
             // I don't want to put real items' name here to avoid being DMCA'd
@@ -70,7 +73,7 @@
                     200: "Standard",
                     301: "Event Avatar",
                     302: "Event Weapon",
-                    1041 : ["M0n4", "yellow"],
+                    1041 : ["M0n4", "blue"],
                     1032 : ["B4nn477", "purple"],
                     1035 : ["77", "yellow"]
                 },