Merge pull request #78 from diekus/pwastore-masonry

Shadow tweak

Author: diekus

pwa-pwastore/styles/pwastore-dark.css

@@ -10,4 +10,5 @@
     --footer-bg: var(--dark-blue-trans);
     --instructions-bg: var(--dark-blue);
     --link: var(--yellow);
+    --shadow-color: var(--darkBlackShadow);
 }

pwa-pwastore/styles/pwastore-light.css

@@ -10,4 +10,5 @@
     --footer-bg: var(--yellow-trans);
     --instructions-bg: var(--yellow);
     --link: var(--blue);
+    --shadow-color: var(--blackShadow);
 }

pwa-pwastore/styles/pwastore.css

@@ -13,6 +13,8 @@
     --dark-green: #14690B;
     --light-green: #B9F3B3;
     --line-height: 1.6rem;
+    --darkBlackShadow: #000000;
+    --blackShadow: #3D3D3D99;
 
     color-scheme: dark light;
 }
@@ -206,7 +208,7 @@ footer {
     flex-direction: column;
     align-items: center;
     transition: transform ease-in-out .3s, box-shadow ease-in-out .3s;
-    box-shadow: #3D3D3D99 0px 0px 0px;
+    box-shadow: var(--shadow-color) 0px 0px 0px;
 }
 
 .app_entry:hover {