From 970c2e56d88729304807851353ab69d27f32312b Mon Sep 17 00:00:00 2001
From: Joel Jacob Stephen <joeljacobstephen@gmail.com>
Date: Tue, 8 Jun 2021 18:28:34 +0530
Subject: [PATCH] Made changes to Black Mode to make UI elements more visible.

---
 assets/scss/themes.scss    | 4 ++--
 components/smart/Modal.vue | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/assets/scss/themes.scss b/assets/scss/themes.scss
index 78def568d..d9614513c 100644
--- a/assets/scss/themes.scss
+++ b/assets/scss/themes.scss
@@ -56,13 +56,13 @@
   // Light Background color
   --bg-light-color: rgba(255, 255, 255, 0.02);
   // Dark Background color
-  --bg-dark-color: rgba(255, 255, 255, 0.04);
+  --bg-dark-color: rgba(255, 255, 255, 0.07);
   // Text color
   --fg-color: rgba(255, 255, 255, 0.9);
   // Light Text color
   --fg-light-color: rgba(255, 255, 255, 0.5);
   // Border color
-  --brd-color: rgba(255, 255, 255, 0.05);
+  --brd-color: rgba(255, 255, 255, 0.11);
   // Error color
   --err-color: rgba(255, 255, 255, 0.05);
   // Tooltip color
diff --git a/components/smart/Modal.vue b/components/smart/Modal.vue
index 71e7c09f1..c31966f98 100644
--- a/components/smart/Modal.vue
+++ b/components/smart/Modal.vue
@@ -44,7 +44,7 @@ export default {
   @apply ease-in-out;
   @apply duration-150;
 
-  background-color: rgba(0, 0, 0, 0.32);
+  background-color: rgba(255, 255, 255, 0.02);
 }
 
 .modal-wrapper {