From 1d59b558e501292a8f7e4505be9b894fb3e9dca2 Mon Sep 17 00:00:00 2001
From: eunlee <eklee2057@naver.com>
Date: Sun, 3 Aug 2025 23:29:03 +0900
Subject: [PATCH] =?UTF-8?q?feat(repo):=20=ED=84=B0=EB=AF=B8=EB=84=90=20?=
 =?UTF-8?q?=EC=84=B9=EC=85=98=20=EB=B0=B0=EA=B2=BD=EC=83=89=20=EB=8B=A4?=
 =?UTF-8?q?=ED=81=AC=EB=AA=A8=EB=93=9C=EC=97=90=20=EB=94=B0=EB=9D=BC=20?=
 =?UTF-8?q?=EB=B3=80=EA=B2=BD=20/=20DP-216?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Repo/RepoPage.module.scss | 6 +++++-
 src/pages/Repo/RepoPage.tsx         | 4 +++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/pages/Repo/RepoPage.module.scss b/src/pages/Repo/RepoPage.module.scss
index bb7c2afd..db70126f 100644
--- a/src/pages/Repo/RepoPage.module.scss
+++ b/src/pages/Repo/RepoPage.module.scss
@@ -150,7 +150,11 @@
   flex: 0 0 273px;
   box-sizing: border-box;
   overflow: hidden;
-  background-color: #343a40;
+  background-color: $gray-10;
+
+  &.darkMode {
+    background-color: $gray-2;
+  }
 
   @media screen and (height <= 700px) {
     flex: 0 0 200px;
diff --git a/src/pages/Repo/RepoPage.tsx b/src/pages/Repo/RepoPage.tsx
index 2866b89a..70609b4f 100644
--- a/src/pages/Repo/RepoPage.tsx
+++ b/src/pages/Repo/RepoPage.tsx
@@ -9,6 +9,7 @@ import { useCollaborationStore } from '@/stores/collaborationStore';
 import { useAuthStore } from '@/stores/authStore';
 import { useFileContentLoader } from '@/hooks/repo/useFileContentLoader';
 import { useYjsSavePoint } from '@/hooks/repo/useYjsSavePoint';
+import { useThemeStore } from '@/stores/themeStore';
 import Loading from '@/components/molecules/Loading/Loading';
 import styles from './RepoPage.module.scss';
 import TabBar from '@/components/organisms/TabBar/TabBar';
@@ -38,6 +39,7 @@ export function RepoPage() {
   const search = useSearch({ strict: false });
   const repoId = params.repoId;
   const filePath = search.file;
+  const { isDarkMode } = useThemeStore();
 
   const {
     openTabs,
@@ -358,7 +360,7 @@ export function RepoPage() {
           </div>
         </div>
 
-        <div className={styles.terminalSection}>
+        <div className={`${styles.terminalSection} ${isDarkMode ? styles.darkMode : ''}`}>
           <CodeRunner
             repoId={repoId}
             repositoryName={repositoryInfo?.repositoryName}