From 70195e346295b262f1d867ce9a562ee0637c227c Mon Sep 17 00:00:00 2001
From: Jannick Heisch <jannick.heisch@unibas.ch>
Date: Sun, 29 Oct 2023 14:24:53 +0100
Subject: [PATCH] Edited ProfilePage style

---
 DineDevineUI/src/pages/ProfilePage.css | 8 ++++++++
 DineDevineUI/src/pages/ProfilePage.tsx | 6 +++---
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/DineDevineUI/src/pages/ProfilePage.css b/DineDevineUI/src/pages/ProfilePage.css
index 703e4fac..8e53a1b1 100644
--- a/DineDevineUI/src/pages/ProfilePage.css
+++ b/DineDevineUI/src/pages/ProfilePage.css
@@ -62,4 +62,12 @@
 
 .persoSelect {
     width: 20%;
+}
+
+.profileContainer {
+    --ion-background-color: linear-gradient(0deg, #FDF9F6, #FFFAF5);
+}
+
+.profileHeader {
+    --ion-background-color: white;
 }
\ No newline at end of file
diff --git a/DineDevineUI/src/pages/ProfilePage.tsx b/DineDevineUI/src/pages/ProfilePage.tsx
index b828553b..96ddb997 100644
--- a/DineDevineUI/src/pages/ProfilePage.tsx
+++ b/DineDevineUI/src/pages/ProfilePage.tsx
@@ -99,7 +99,7 @@ const ProfilePage: React.FC<Profile> = (props: Profile) => {
 
     return (
         <IonPage>
-            <IonHeader>
+            <IonHeader className={"profileHeader"}>
                 <IonToolbar>
                     <IonButtons slot="start">
                         <IonBackButton defaultHref="/"></IonBackButton>
@@ -112,7 +112,7 @@ const ProfilePage: React.FC<Profile> = (props: Profile) => {
                     </IonButtons>
                 </IonToolbar>
             </IonHeader>
-            <IonContent fullscreen>
+            <IonContent fullscreen class={"profileContainer"}>
                 <IonGrid class={"ion-margin-top"}>
                     <IonRow class={"ion-margin-top ion-margin-bottom"}>
                         <IonCol className={"avatarContainer"}>
@@ -179,7 +179,7 @@ const ProfilePage: React.FC<Profile> = (props: Profile) => {
                     <IonRow>
                         <IonCol>
                             <IonCard className="achievements-card">
-                                <h1 className="ion-margin-start">Achievements</h1>
+                                <h1 className="ion-margin-start profileHeadline">Achievements</h1>
                                 <IonRow>
                                     <IonCol className="ion-col"> {/* Use "ion-col" class here */}
                                         <IonImg