diff --git a/daily-thought-frontend/src/pages/index.tsx b/daily-thought-frontend/src/pages/index.tsx
index d7a7715c9c44339652ba71ae8f7cea488ada5c63..58a20d6d51b0b62842d121f13365ab15cf5347cc 100644
--- a/daily-thought-frontend/src/pages/index.tsx
+++ b/daily-thought-frontend/src/pages/index.tsx
@@ -4,12 +4,16 @@ import { Inter } from 'next/font/google'
import styles from '../styles/Home.module.css'
import NavigationProvider from '@/components/navigation/NavProvider'
import { useState } from 'react'
+import TitleBar from '@/components/titlebar/TitleBar'
const inter = Inter({ subsets: ['latin'] })
export default function Home() {
+ const [navState, setNavState] = useState<boolean>(false);
+
+
return (
<>
<Head>
@@ -19,7 +23,9 @@ export default function Home() {
<link rel="icon" href="/favicon.ico" />
</Head>
<main className={styles.home}>
- <NavigationProvider>
+
+ <NavigationProvider navState={navState}>
+ <TitleBar NavBarToggle={() => setNavState(!navState)}/>
</NavigationProvider>
</main>
</>
diff --git a/daily-thought-frontend/src/styles/HiddenPost.module.css b/daily-thought-frontend/src/styles/HiddenPost.module.css
index 7a55be0565dea9d491271f20fa8a0352a501f554..612bead834cf48a08ee7a4cf3e2ada34700f2421 100644
--- a/daily-thought-frontend/src/styles/HiddenPost.module.css
+++ b/daily-thought-frontend/src/styles/HiddenPost.module.css
@@ -52,4 +52,5 @@ overflow: hidden;
align-items: flex-end;
height: 100%;
justify-content: end;
+ color:rgb(100 116 139);
}
\ No newline at end of file
diff --git a/daily-thought-frontend/src/styles/Post.module.css b/daily-thought-frontend/src/styles/Post.module.css
index d7ca363343ed49765f01dca9e2e02fe682d7b61b..433902ecc4981f2482b899b36b2ed4ee20e910d8 100644
--- a/daily-thought-frontend/src/styles/Post.module.css
+++ b/daily-thought-frontend/src/styles/Post.module.css
@@ -45,6 +45,7 @@
align-items: flex-end;
height: 100%;
justify-content: end;
+ color:rgb(100 116 139);
}
.postContentContainer {