From 88a10fa97fe45013ea8ab916f4e62d17c18db4ce Mon Sep 17 00:00:00 2001
From: GandalfGwaihir <whogandalf@gmail.com>
Date: Fri, 19 Apr 2024 14:41:19 +0530
Subject: [PATCH 1/3] Fix background and foreground color for report headers

---
 src/components/ReportHeaderSkeletonView.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ReportHeaderSkeletonView.tsx b/src/components/ReportHeaderSkeletonView.tsx
index bc4eef675170..3a94516b2c29 100644
--- a/src/components/ReportHeaderSkeletonView.tsx
+++ b/src/components/ReportHeaderSkeletonView.tsx
@@ -48,8 +48,8 @@ function ReportHeaderSkeletonView({shouldAnimate = true, onBackButtonPress = ()
                     animate={shouldAnimate}
                     width={styles.w100.width}
                     height={height}
-                    backgroundColor={theme.highlightBG}
-                    foregroundColor={theme.border}
+                    backgroundColor={theme.skeletonLHNIn}
+                    foregroundColor={theme.skeletonLHNOut}
                 >
                     <Circle
                         cx="20"

From 164d56e4f179dca8dcfab189e4039e47be26c83f Mon Sep 17 00:00:00 2001
From: GandalfGwaihir <whogandalf@gmail.com>
Date: Tue, 23 Apr 2024 03:53:48 +0530
Subject: [PATCH 2/3] Fix skeleton of Personal details profile

---
 .../CurrentUserPersonalDetailsSkeletonView/index.tsx          | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/CurrentUserPersonalDetailsSkeletonView/index.tsx b/src/components/CurrentUserPersonalDetailsSkeletonView/index.tsx
index 367e54e8be64..86109c9d6d53 100644
--- a/src/components/CurrentUserPersonalDetailsSkeletonView/index.tsx
+++ b/src/components/CurrentUserPersonalDetailsSkeletonView/index.tsx
@@ -37,8 +37,8 @@ function CurrentUserPersonalDetailsSkeletonView({shouldAnimate = true, avatarSiz
         <View style={styles.avatarSectionWrapperSkeleton}>
             <SkeletonViewContentLoader
                 animate={shouldAnimate}
-                backgroundColor={backgroundColor ?? theme.highlightBG}
-                foregroundColor={foregroundColor ?? theme.border}
+                backgroundColor={theme.skeletonLHNIn}
+                foregroundColor={theme.skeletonLHNOut}
                 height={avatarPlaceholderSize + spaceBetweenAvatarAndHeadline + headlineSize + spaceBetweenHeadlineAndLabel + labelSize}
             >
                 <Circle

From e84492c68697052108b567c8e6a8c855b925a916 Mon Sep 17 00:00:00 2001
From: GandalfGwaihir <whogandalf@gmail.com>
Date: Tue, 23 Apr 2024 04:22:31 +0530
Subject: [PATCH 3/3] Add currentUserpersonal skeleton

---
 .../CurrentUserPersonalDetailsSkeletonView/index.tsx      | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/src/components/CurrentUserPersonalDetailsSkeletonView/index.tsx b/src/components/CurrentUserPersonalDetailsSkeletonView/index.tsx
index 86109c9d6d53..21e82c26f769 100644
--- a/src/components/CurrentUserPersonalDetailsSkeletonView/index.tsx
+++ b/src/components/CurrentUserPersonalDetailsSkeletonView/index.tsx
@@ -15,15 +15,9 @@ type CurrentUserPersonalDetailsSkeletonViewProps = {
 
     /** The size of the avatar */
     avatarSize?: ValueOf<typeof CONST.AVATAR_SIZE>;
-
-    /** Background color of the skeleton view */
-    backgroundColor?: string;
-
-    /** Foreground color of the skeleton view */
-    foregroundColor?: string;
 };
 
-function CurrentUserPersonalDetailsSkeletonView({shouldAnimate = true, avatarSize = CONST.AVATAR_SIZE.LARGE, backgroundColor, foregroundColor}: CurrentUserPersonalDetailsSkeletonViewProps) {
+function CurrentUserPersonalDetailsSkeletonView({shouldAnimate = true, avatarSize = CONST.AVATAR_SIZE.LARGE}: CurrentUserPersonalDetailsSkeletonViewProps) {
     const theme = useTheme();
     const styles = useThemeStyles();
     const StyleUtils = useStyleUtils();