ui: reduced aggresive blur effect on the modal component (janhq#3937)

kustomzone · Nov 4, 2024 · 3c721cb · 3c721cb
1 parent a4ebf69
commit 3c721cb
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 4 deletions.
diff --git a/joi/src/core/Modal/styles.scss b/joi/src/core/Modal/styles.scss
@@ -3,7 +3,6 @@ button,
 fieldset,
 .modal {
   &__overlay {
-    @apply backdrop-blur-lg;
     background-color: hsla(var(--modal-overlay));
     z-index: 200;
     position: fixed;

diff --git a/themes/dark-dimmed/theme.json b/themes/dark-dimmed/theme.json
@@ -114,7 +114,7 @@
     },
 
     "modal": {
-      "overlay": "0, 0%, 0%, 0.5",
+      "overlay": "0, 0%, 0%, 0.7",
       "bg": "215, 25%, 9%, 1",
       "fg": "0, 0%, 100%, 11"
     },

diff --git a/themes/joi-light/theme.json b/themes/joi-light/theme.json
@@ -114,7 +114,7 @@
     },
 
     "modal": {
-      "overlay": "0, 0%, 0%, 0.5",
+      "overlay": "0, 0%, 0%, 0.7",
       "bg": "0, 0%, 100%, 1",
       "fg": "0, 0%, 0%, 1"
     },

diff --git a/themes/night-blue/theme.json b/themes/night-blue/theme.json
@@ -114,7 +114,7 @@
     },
 
     "modal": {
-      "overlay": "0, 0%, 0%, 0.5",
+      "overlay": "0, 0%, 0%, 0.7",
       "bg": "222, 96%, 16%, 1",
       "fg": "0, 0%, 100%, 11"
     },