From d36138c8001afad4f8eb63d2117f54763f7c100c Mon Sep 17 00:00:00 2001
From: Rishi Ghan <rishi.ghan@gmail.com>
Date: Sun, 3 Dec 2023 22:46:49 -0500
Subject: [PATCH] Update App.scss

---
 src/client/assets/scss/App.scss | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/client/assets/scss/App.scss b/src/client/assets/scss/App.scss
index c0fa831..5f3aeab 100644
--- a/src/client/assets/scss/App.scss
+++ b/src/client/assets/scss/App.scss
@@ -242,12 +242,16 @@ pre {
 
 .generic-card {
   display: inline-block;
-  background-color: #fff;
+  background-color: hsl(232, 11%, 15%);
   border-top-left-radius: 0.4rem;
   border-top-right-radius: 0.4rem;
   border-bottom-left-radius: 0.4rem;
   border-bottom-right-radius: 0.4rem;
-  box-shadow: 1px 8px 23px 7px rgba(0, 0, 0, 0.12);
+  box-shadow: inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.1),
+    /* 2. shadow ring 👇 */ 0 0 0 1px hsla(230, 13%, 9%, 0.075),
+    /* 3. multiple soft shadows 👇 */ 0 0.3px 0.4px hsla(230, 13%, 9%, 0.02),
+    0 0.9px 1.5px hsla(230, 13%, 9%, 0.045),
+    0 3.5px 6px hsla(230, 13%, 9%, 0.09);
 
   .green-border {
     border: 1px dotted #168b64;
@@ -372,7 +376,7 @@ pre {
 }
 
 .issue-metadata {
-  background-color: #30475e;
+  background-color: #57615c;
   padding: 0.8em;
   border-radius: 0.5rem;
   .name {