Allow the game board in Snow theme to be see-through

Also moved 2048Clone theme's back layer colour to the back layer CSS variable, since there's already a CSS rule using that and it doesn't need to be overridden.

Author: Coteh

CHANGELOG.md

@@ -11,6 +11,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Number of moves stat, shown in game over screen and score text
 
+### Changed
+
+- Allow the game board in Snow theme to be see-through
+
 ## [1.0.2] - 2024-12-20
 
 ### Fixed

src/styles/themes/classic.css

@@ -8,6 +8,8 @@
 
     --standard-block-color: rgb(0, 0, 0, 0);
 
+    --back-layer-color: rgba(0, 0, 0, 0);
+
     --text-font-family: "Comic Sans MS", "Comic Neue", sans-serif;
 
     --share-button-background-color: #00d600;
@@ -198,7 +200,6 @@ body.classic .top-menu > .classic-logo {
 }
 
 body.classic .back-rows {
-    background-color: rgba(0, 0, 0, 0);
     border: 2px solid black;
     padding: 0px;
 }

src/styles/themes/snow.css

@@ -5,9 +5,11 @@
     --dialog-background-color: #070069;
     --text-color: var(--white);
 
-    --standard-block-color: rgb(4, 0, 49);
+    --standard-block-color: rgba(4, 0, 49, 0.6);
 
-    --back-layer-color: var(--white);
+    /* Making the entire back layer of the board semi-transparent will also make
+    the semi-transparent back blocks (ie. "standard blocks") see-through too */
+    --back-layer-color: rgba(255, 255, 255, 0.6);
 
     --block-2-color: #e0f7fa;
     --block-4-color: #b3e5fc;