New theme, (golden theme)

.gitignore

@@ -1 +1,3 @@
 .parcel-cache
+dist
+node_modules

src/css/golden-snake.css

@@ -0,0 +1,148 @@
+body {
+  margin: 0px;
+  padding: 0px;
+  background-color: rgb(255, 243, 137);
+  color: rgb(216, 139, 38);
+}
+
+#game-area {
+  margin: 10px;
+  padding: 0px;
+}
+
+#mode-wrapper {
+  color: #ffffff;
+  font-family: Verdana, arial, helvetica, sans-serif;
+  font-size: 14px;
+}
+
+#game-area:focus {
+  outline: none;
+}
+
+a.snake-link,
+a.snake-link:link,
+a.snake-link:visited {
+  color: #ffff4e;
+}
+
+a.snake-link:hover {
+  color: #ffff54;
+}
+
+.snake-pause-screen {
+  font-family: Verdana, arial, helvetica, sans-serif;
+  font-size: 14px;
+  position: absolute;
+  width: 300px;
+  height: 80px;
+  text-align: center;
+  top: 50%;
+  left: 50%;
+  margin-top: -40px;
+  margin-left: -150px;
+  display: none;
+  background-color: black;
+  color: rgb(255, 217, 0);
+}
+
+.snake-panel-component {
+  position: absolute;
+  font-family: Verdana, arial, helvetica, sans-serif;
+  font-size: 14px;
+  color: #ffffff;
+  text-align: center;
+  padding: 8px;
+  margin: 0px;
+}
+
+#snake-snakehead-alive {
+  background-image: url("src/css/images/green-head-snakeblock.png");
+  margin: 0px;
+  padding: 0px;
+  background-color: rgb(255, 232, 28);
+  position: absolute;
+  border: 0px solid #000022;
+  background-repeat: no-repeat;
+  border-radius: 4px;
+}
+
+.snake-snakebody-block {
+  margin: 0px;
+  padding: 0px;
+  background-color: #c4480f;
+  position: absolute;
+  border: 0px solid #ffd900;
+  background-repeat: no-repeat;
+}
+
+.snake-snakebody-alive {
+  background-image: url("src/cssss/images/snakeblock.png"),
+    url("src/css/images/snakeblock.png");
+}
+.snake-snakebody-dead {
+  background-image: url("src/cssss/images/deadblock.png"),
+    url("src/css/images/deadblock.png");
+}
+
+.snake-food-block {
+  margin: 0px;
+  padding: 0px;
+  background-color: #ffbb00;
+  border: 0px solid #fff170;
+  position: absolute;
+}
+
+.snake-playing-field {
+  margin: 0px;
+  padding: 0px;
+  position: absolute;
+  background-color: rgb(185, 162, 29);
+  border: 0px solid rgba(175, 153, 28, 0.5);
+}
+
+.snake-game-container {
+  margin: 0px;
+  padding: 0px;
+  border-width: 0px;
+  border-style: none;
+  zoom: 1;
+  position: relative;
+}
+
+.snake-welcome-dialog {
+  padding: 8px;
+  margin: 0px;
+  background-color: #000000;
+  color: #a6ff00;
+  font-family: Verdana, arial, helvetica, sans-serif;
+  font-size: 14px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 300px;
+  /*height: 150px;*/
+  margin-top: -100px;
+  margin-left: -158px;
+  text-align: center;
+  display: block;
+}
+
+.snake-try-again-dialog,
+.snake-win-dialog {
+  padding: 8px;
+  margin: 0px;
+  background-color: #000000;
+  color: #380000;
+  font-family: Verdana, arial, helvetica, sans-serif;
+  font-size: 14px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 300px;
+  height: 100px;
+  margin-top: -75px;
+  margin-left: -158px;
+  text-align: center;
+  display: none;
+}

src/index.html

@@ -70,6 +70,9 @@
           case 8:
             changeTheme("css/neon-snake.css?" + Math.random());
             break;
+            case 9:
+            changeTheme("css/golden-snake.css?" + Math.random());
+            break;
           default:
             changeTheme("css/main-snake.css?" + Math.random());
             break;
@@ -103,6 +106,7 @@
           <option>Snake Head Theme by Rb64</option>
           <option>Black and purple Theme by LucassSantoss</option>
           <option>Neon Theme by Daisy21000</option>
+          <option>Golden Theme By JosephVoboril29</option>
         </select>
       </div>
       <div style="display: inline-block; margin-right: 10px">