Merge pull request #230 from DeepDirect/refactor/DP-216/terminal-light-mode

[Refactor] 터미널 섹션 배경색 다크모드에 따라 변경

Author: ebbll

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;

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}