tweak blurry bg for legibility & remove from modals (#1436)

src/components/Island.css

@@ -1,7 +1,7 @@
 .Island {
   --padding: 0;
   background-color: var(--bg-color-island);
-  backdrop-filter: saturate(180%) blur(20px);
+  backdrop-filter: saturate(100%) blur(10px);
   box-shadow: var(--shadow-island);
   border-radius: var(--border-radius-m);
   padding: calc(var(--padding) * var(--space-factor));

src/components/Modal.scss

@@ -35,6 +35,10 @@
   animation: Modal__content_fade-in 0.1s ease-out 0.05s forwards;
   position: relative;
 
+  // for modals, reset blurry bg
+  background: #fff;
+  backdrop-filter: none;
+
   @media #{$media-query} {
     max-width: 100%;
   }