diff --git a/app/(app)/History/CardComponent.tsx b/app/(app)/History/CardComponent.tsx
index a85999c7..c1a959c7 100644
--- a/app/(app)/History/CardComponent.tsx
+++ b/app/(app)/History/CardComponent.tsx
@@ -35,7 +35,7 @@ function DoctorComponent({
         flexDirection: "row",
         alignItems: "center",
         justifyContent: "space-between",    
-        backgroundColor: theme ==="dark"? Colors.dark._2 : Colors.others.white,    
+        backgroundColor: theme ==="dark"? Colors.dark._1 : Colors.others.white,    
         padding: 20,
           shadowOffset: { width: -2, height: 4 },
           shadowOpacity: 3,
diff --git a/app/(app)/History/MessageHistory/Chats.tsx b/app/(app)/History/MessageHistory/Chats.tsx
index 4d5ce442..5b1c1350 100644
--- a/app/(app)/History/MessageHistory/Chats.tsx
+++ b/app/(app)/History/MessageHistory/Chats.tsx
@@ -71,7 +71,7 @@ function ChatMessaging() {
 
   return (
     <SafeAreaView
-      style={{ flex: 1, paddingTop: ios ? 10 : 30, backgroundColor: theme==="dark" ? Colors.others.black: Colors.others.white }}
+      style={{ flex: 1, paddingTop: ios ? 10 : 30, backgroundColor: theme==="dark" ? Colors.dark._1: Colors.others.white }}
     >
       <StatusBar style="dark" />
       <View
diff --git a/app/(app)/History/MessageHistory/Menu.tsx b/app/(app)/History/MessageHistory/Menu.tsx
index 9439ad68..7bb58bef 100644
--- a/app/(app)/History/MessageHistory/Menu.tsx
+++ b/app/(app)/History/MessageHistory/Menu.tsx
@@ -17,7 +17,7 @@ const MenuComponent: React.FC<MenuComponentProps> = ({closeMenu})=>{
     return(
       <View style={{
         gap: 15,
-        backgroundColor: theme === "dark" ? Colors.others.black: Colors.others.white,
+        backgroundColor: theme === "dark" ? Colors.dark._1: Colors.others.white,
         padding: 20,
         borderRadius: 20,
         elevation: 10
diff --git a/app/(app)/History/VideoCallHistory/[id].tsx b/app/(app)/History/VideoCallHistory/[id].tsx
index ba1a3b82..ddd9f196 100644
--- a/app/(app)/History/VideoCallHistory/[id].tsx
+++ b/app/(app)/History/VideoCallHistory/[id].tsx
@@ -44,7 +44,7 @@ return (
     <View
       style={{
         flex: 1,
-        backgroundColor: theme === "dark"? Colors.others.black :  Colors.others.white,
+        backgroundColor: theme === "dark"? Colors.dark._1:  Colors.others.white,
         flexDirection: "column",
         padding: 20,
         position: "relative"
diff --git a/app/(app)/History/VoiceCallHistory/[id].tsx b/app/(app)/History/VoiceCallHistory/[id].tsx
index 7a091cd2..afa85850 100644
--- a/app/(app)/History/VoiceCallHistory/[id].tsx
+++ b/app/(app)/History/VoiceCallHistory/[id].tsx
@@ -51,7 +51,7 @@ const handleMenu =()=> {
     <View
       style={{
         flex: 1,
-        backgroundColor: theme==="dark" ? Colors.others.black:  Colors.others.white,
+        backgroundColor: theme==="dark" ? Colors.dark._1 : Colors.others.white,
         flexDirection: "column",
         padding: 20,
         position: "relative"
diff --git a/app/(app)/History/index.tsx b/app/(app)/History/index.tsx
index dc730cfd..f5fed42c 100644
--- a/app/(app)/History/index.tsx
+++ b/app/(app)/History/index.tsx
@@ -64,7 +64,7 @@ const index = () => {
         flex: 1,
         flexDirection: "column",
         padding: 20,
-        backgroundColor: theme === "dark" ? Colors.others.black :  Colors.others.white,
+        backgroundColor: theme === "dark" ? Colors.dark._1 :  Colors.others.white,
 
       }}
     >
diff --git a/app/(app)/_layout.tsx b/app/(app)/_layout.tsx
index 459dbacf..a3e790e1 100644
--- a/app/(app)/_layout.tsx
+++ b/app/(app)/_layout.tsx
@@ -38,7 +38,7 @@ export default function Layout() {
                   display: tabVisible ? "flex" : "none",
                   flexDirection: "row",
                   justifyContent: "space-between",
-                  backgroundColor: theme === "dark"? Colors.others.black : Colors.others.white,
+                  backgroundColor: theme === "dark"? Colors.dark._1 : Colors.others.white,
                   paddingHorizontal: 30,
                   paddingVertical: 25,
                 
diff --git a/app/(app)/index.tsx b/app/(app)/index.tsx
index 7b2732d4..1603341b 100644
--- a/app/(app)/index.tsx
+++ b/app/(app)/index.tsx
@@ -8,8 +8,7 @@ import React from "react";
 export default function Index() {
   useEffect(() => {
     setTimeout(() => {
-      // router.push("onBoarding/FirstScreen");
-      router.push("History");
+      router.push("onBoarding/FirstScreen");
 
     }, 3000);
   }, []);