From a8cd1336d9a0b98a55e4b87f1bd842cb96daa92d Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <sebin.nyshkim@icloud.com>
Date: Sun, 6 Dec 2020 01:25:37 +0100
Subject: [PATCH] feat: :lipstick: brighten colors for better
 contrast/visibility

---
 src/components/DataTable.vue | 2 +-
 src/scss/base.scss           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/DataTable.vue b/src/components/DataTable.vue
index 537706c..bd1f1db 100644
--- a/src/components/DataTable.vue
+++ b/src/components/DataTable.vue
@@ -69,7 +69,7 @@ export default {
       background-color: rgba($bg-color-dark, 0.7);
 
       &:nth-child(odd) {
-        background-color: rgba(lighten($bg-color-dark, 20%), 0.7);
+        background-color: rgba(lighten($bg-color-dark, 15%), 0.7);
       }
     }
   }
diff --git a/src/scss/base.scss b/src/scss/base.scss
index a3367bb..593a4eb 100644
--- a/src/scss/base.scss
+++ b/src/scss/base.scss
@@ -19,7 +19,7 @@ a {
 }
 
 .bubbles {
-  background-color: $bg-color-dark;
+  background-color: lighten($bg-color-dark, 25%);
   position: fixed;
   top: 0;
   right: 0;