Fix overlapping box-shadows in card grid, load theme from localStorage

1 files changed, 6 insertions, 4 deletions

diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss
index 388db0e..bbe02e5 100644
--- a/assets/css/_vars.scss
+++ b/assets/css/_vars.scss
@@ -53,7 +53,8 @@ $content--width:  42rem;
             --fg:     $gray6, // Text
             --fg-lo:  $gray7, // Strong text
 
-            --obj-shadow: transparent,
+            --obj-shadow:        transparent,
+            --obj-shadow-filter: transparent,
 
             --accent: (
                 --h:     354,
@@ -83,7 +84,7 @@ $content--width:  42rem;
 
 @include iro-execute {
     $gray0: hsl(220, 7%, 100%);
-    $gray1: hsl(220, 7%, 97%);
+    $gray1: hsl(220, 7%, 96%);
     $gray2: hsl(220, 7%, 88%);
     $gray3: hsl(220, 7%, 83%);
     $gray4: hsl(220, 7%, 68%);
@@ -104,7 +105,8 @@ $content--width:  42rem;
             --fg:     $gray6, // Text
             --fg-lo:  $gray7, // Strong text
 
-            --obj-shadow: rgba(#000, .05),
+            --obj-shadow:        rgba(#000, .05),
+            --obj-shadow-filter: rgba(#000, .04),
 
             --accent: (
                 --h:     354,
@@ -120,7 +122,7 @@ $content--width:  42rem;
 
             --link: (
                 --colored: (
-                    --idle:    hsl(210, 80%, 45%), //hsl(var(--colors--accent--h), 100%, 66%), //
+                    --idle:    hsl(210, 80%, 43%), //hsl(var(--colors--accent--h), 100%, 66%), //
                     --visited: hsl(270, 40%, 45%), //hsl(var(--colors--accent--h), 50%, 66%), //
                 )
             ),