From 3c721cb97d0b1ec048a7fcd7847b1fbb5ccc99ba Mon Sep 17 00:00:00 2001 From: Faisal Amir Date: Mon, 4 Nov 2024 14:07:20 +0700 Subject: [PATCH] ui: reduced aggresive blur effect on the modal component (#3937) --- joi/src/core/Modal/styles.scss | 1 - themes/dark-dimmed/theme.json | 2 +- themes/joi-light/theme.json | 2 +- themes/night-blue/theme.json | 2 +- 4 files changed, 3 insertions(+), 4 deletions(-) diff --git a/joi/src/core/Modal/styles.scss b/joi/src/core/Modal/styles.scss index 11af9418a..717ce2ac7 100644 --- 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 index c96085092..062469072 100644 --- 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 index 36b7a0a50..7468ff976 100644 --- 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 index c09442b43..96d2e242c 100644 --- 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" },