reduce glow opacity
reduce glow opacity

--- a/style/main.css
+++ b/style/main.css
@@ -151,32 +151,32 @@
     box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0), inset 0 0 0 1px rgba(255, 255, 255, 0); }
   .tile.tile-32 {
     background: #edd695;
-    box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.09524), inset 0 0 0 1px rgba(255, 255, 255, 0.04762); }
+    box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.07937), inset 0 0 0 1px rgba(255, 255, 255, 0.04762); }
   .tile.tile-64 {
     background: #edd384;
-    box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.19048), inset 0 0 0 1px rgba(255, 255, 255, 0.09524); }
+    box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.15873), inset 0 0 0 1px rgba(255, 255, 255, 0.09524); }
   .tile.tile-128 {
     background: #edcf72;
-    box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.28571), inset 0 0 0 1px rgba(255, 255, 255, 0.14286);
+    box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.2381), inset 0 0 0 1px rgba(255, 255, 255, 0.14286);
     font-size: 45px; }
   .tile.tile-256 {
     background: #edcc61;
-    box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.38095), inset 0 0 0 1px rgba(255, 255, 255, 0.19048);
+    box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.31746), inset 0 0 0 1px rgba(255, 255, 255, 0.19048);
     color: #ede9e5;
     font-size: 45px; }
   .tile.tile-512 {
     background: #edc850;
-    box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.47619), inset 0 0 0 1px rgba(255, 255, 255, 0.2381);
+    box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.39683), inset 0 0 0 1px rgba(255, 255, 255, 0.2381);
     color: #f9f6f2;
     font-size: 45px; }
   .tile.tile-1024 {
     background: #edc53f;
-    box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.57143), inset 0 0 0 1px rgba(255, 255, 255, 0.28571);
+    box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.47619), inset 0 0 0 1px rgba(255, 255, 255, 0.28571);
     color: #f9f6f2;
     font-size: 35px; }
   .tile.tile-2048 {
     background: #edc22e;
-    box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.66667), inset 0 0 0 1px rgba(255, 255, 255, 0.33333);
+    box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.55556), inset 0 0 0 1px rgba(255, 255, 255, 0.33333);
     color: #f9f6f2;
     font-size: 35px; }
 

--- a/style/main.scss
+++ b/style/main.scss
@@ -135,7 +135,7 @@
     &.tile-#{$power} {
       background: mix($tile-gold-color, $tile-color, $gold-percent);
 
-      box-shadow: 0 0 30px 10px rgba($tile-gold-glow-color, $glow-opacity / 1.5),
+      box-shadow: 0 0 30px 10px rgba($tile-gold-glow-color, $glow-opacity / 1.8),
                   inset 0 0 0 1px rgba(white, $glow-opacity / 3);
 
       @if $exponent >= 8 {

comments