From 75e0163dd189559a01d81fe4274f3512de92a008 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Wed, 15 Apr 2020 21:20:35 +0200
Subject: [PATCH] tweak blurry bg for legibility & remove from modals (#1436)

---
 src/components/Island.css | 2 +-
 src/components/Modal.scss | 4 ++++
 src/css/theme.scss        | 2 +-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/Island.css b/src/components/Island.css
index 0099b59f..cea8c533 100644
--- a/src/components/Island.css
+++ b/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));
diff --git a/src/components/Modal.scss b/src/components/Modal.scss
index aa3cd204..c81dd94a 100644
--- a/src/components/Modal.scss
+++ b/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%;
   }
diff --git a/src/css/theme.scss b/src/css/theme.scss
index 66605a1a..0f12e35f 100644
--- a/src/css/theme.scss
+++ b/src/css/theme.scss
@@ -2,7 +2,7 @@
   --text-color-primary: #343a40;
   --bg-color-main: #fff;
   --shadow-island: 0 1px 5px rgba(0, 0, 0, 0.15);
-  --bg-color-island: rgba(255, 255, 255, 0.7);
+  --bg-color-island: rgba(255, 255, 255, 0.9);
   --border-radius-m: 4px;
   --space-factor: 0.25rem;
 }