From 65191b14a17a29c0d67ff69854e2ac076b63458d Mon Sep 17 00:00:00 2001
From: Steven Nguyen <stnguyen90@users.noreply.github.com>
Date: Mon, 25 Sep 2023 13:39:28 -0700
Subject: [PATCH] Fix card bg color

---
 src/routes/+layout.svelte                            |  9 +++++++++
 .../project-[project]/overview/onboard.svelte        | 12 +-----------
 2 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 825667421..d34f4a129 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -256,6 +256,15 @@
         // --color-neutral-85:  240  4%  18%;   /* #2D2D31 */
         // --color-neutral-90:  240  7%  12%;   /* #1D1D21 */
         // --color-neutral-100: 240  6%  10%;   /* #19191C */
+
+    }
+
+    .card {
+        --p-card-bg-color: var(--color-neutral-5-new);
+    }
+
+    :global(.theme-dark) .card {
+        --p-card-bg-color: var(--color-neutral-100-new);
     }
 
     .is-cloud {
diff --git a/src/routes/console/project-[project]/overview/onboard.svelte b/src/routes/console/project-[project]/overview/onboard.svelte
index c29405ccc..fd276bada 100644
--- a/src/routes/console/project-[project]/overview/onboard.svelte
+++ b/src/routes/console/project-[project]/overview/onboard.svelte
@@ -170,21 +170,11 @@
 
     @media #{$break2open} {
         .card-header {
-            background: var(--url);
+            background: var(--url) transparent;
             background-repeat: no-repeat;
             background-position: top right;
         }
     }
-    :global(.theme-dark) .card-header {
-        background: var(--url) #18181b;
-        background-repeat: no-repeat;
-        background-position: top right;
-    }
-
-    :global(.theme-light) .card-header {
-        background-color: #fbfbfc;
-    }
-
     .onboard-cover {
         height: 342px;
         background: none;