From e3796c7431c63675639e9cdac6bdb4dfd7efb964 Mon Sep 17 00:00:00 2001
From: Steven Nguyen <stnguyen90@users.noreply.github.com>
Date: Tue, 26 Sep 2023 13:59:42 -0700
Subject: [PATCH] Fix card bg color

---
 src/routes/+layout.svelte                           | 13 ++++++++++---
 .../project-[project]/overview/onboard.svelte       |  6 +-----
 2 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 9fbc47f0a..bb10de7a7 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -263,11 +263,18 @@
         background-color: hsl(240 5% 8% / 0.6);
     }
 
-    .card {
-        --p-card-bg-color: var(--color-neutral-5-new);
+    .theme-dark .card-header {
+        background: var(--url) #18181b;
+        background-repeat: no-repeat;
+        background-position: top right;
+    }
+    .theme-light .card-header {
+        background-color: #fbfbfc;
+        background-repeat: no-repeat;
+        background-position: top right;
     }
 
-    :global(.theme-dark) .card {
+    .theme-dark .card {
         --p-card-bg-color: var(--color-neutral-100-new);
     }
 
diff --git a/src/routes/console/project-[project]/overview/onboard.svelte b/src/routes/console/project-[project]/overview/onboard.svelte
index fd276bada..198df4caa 100644
--- a/src/routes/console/project-[project]/overview/onboard.svelte
+++ b/src/routes/console/project-[project]/overview/onboard.svelte
@@ -164,13 +164,9 @@
 <style lang="scss">
     @import '@appwrite.io/pink/src/abstract/variables/_devices.scss';
 
-    .card-header {
-        background: transparent;
-    }
-
     @media #{$break2open} {
         .card-header {
-            background: var(--url) transparent;
+            background-image: var(--url);
             background-repeat: no-repeat;
             background-position: top right;
         }