From 08975a2611dbc309acdff19359f4b36eac0e92f0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andreas=20M=C3=BCller?= <mail@devmount.de>
Date: Tue, 17 Sep 2024 17:24:25 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A8=20Fix=20background=20styles?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/assets/svg/ftue-background-dark.svg   | 3 ---
 frontend/src/assets/svg/ftue-background.svg        | 3 ---
 frontend/src/views/FirstTimeUserExperienceView.vue | 3 ++-
 3 files changed, 2 insertions(+), 7 deletions(-)

diff --git a/frontend/src/assets/svg/ftue-background-dark.svg b/frontend/src/assets/svg/ftue-background-dark.svg
index d4b0d648..1b89ed39 100644
--- a/frontend/src/assets/svg/ftue-background-dark.svg
+++ b/frontend/src/assets/svg/ftue-background-dark.svg
@@ -39,8 +39,5 @@
 <stop/>
 <stop offset="1" stop-color="white"/>
 </radialGradient>
-<clipPath id="clip0_4829_15712">
-<rect x="2" y="2" width="800" height="600" rx="12" fill="white"/>
-</clipPath>
 </defs>
 </svg>
diff --git a/frontend/src/assets/svg/ftue-background.svg b/frontend/src/assets/svg/ftue-background.svg
index 3c699f52..30731a1e 100644
--- a/frontend/src/assets/svg/ftue-background.svg
+++ b/frontend/src/assets/svg/ftue-background.svg
@@ -47,8 +47,5 @@
 <stop stop-color="#03AFD7"/>
 <stop offset="1" stop-color="white"/>
 </radialGradient>
-<clipPath id="clip0_5124_5032">
-<rect x="2" y="2" width="800" height="600" rx="12" fill="white"/>
-</clipPath>
 </defs>
 </svg>
diff --git a/frontend/src/views/FirstTimeUserExperienceView.vue b/frontend/src/views/FirstTimeUserExperienceView.vue
index f1f09f2f..9388e002 100644
--- a/frontend/src/views/FirstTimeUserExperienceView.vue
+++ b/frontend/src/views/FirstTimeUserExperienceView.vue
@@ -121,7 +121,7 @@ body {
 
 /* position-center apmt-background-color fixed z-[60] flex size-full gap-6 rounded-xl bg-white p-8 pb-0 drop-shadow-xl*/
 .modal {
-  --background-color: var(--colour-neutral-raised);
+  --background-color: var(--colour-primary-soft);
   --background: url('@/assets/svg/ftue-background.svg');
   position: relative;
   width: 100%;
@@ -137,6 +137,7 @@ body {
 }
 
 .dark .modal {
+  --background-color: var(--colour-neutral-raised);
   --background: url('@/assets/svg/ftue-background-dark.svg');
   border: 1px solid var(--colour-apmt-primary);
 }