From 699eadb3995f8b3bb74a84bcbaf853496372f023 Mon Sep 17 00:00:00 2001
From: bicochan <chanii8@naver.com>
Date: Fri, 21 Mar 2025 09:56:25 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EC=82=AC=EC=9D=B4=ED=8A=B8=20=ED=85=8C?=
 =?UTF-8?q?=EB=A7=88=20SSR=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/cs/src/app/index.tsx                          | 7 +++++--
 packages/common/components/src/ui/header/index.tsx | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/apps/cs/src/app/index.tsx b/apps/cs/src/app/index.tsx
index d1d5e56e1..5a73f2fdd 100644
--- a/apps/cs/src/app/index.tsx
+++ b/apps/cs/src/app/index.tsx
@@ -1,10 +1,13 @@
 import "./styles/base.css";
 import "./styles/components.css";
 import { AppProvider } from "./providers";
+import { cookies } from "next/headers";
+
+const App = async ({ children }: Readonly<{ children: React.ReactNode }>) => {
+  const theme = (await cookies()).get("site-theme-key");
 
-const App = ({ children }: Readonly<{ children: React.ReactNode }>) => {
   return (
-    <html lang="ko">
+    <html lang="ko" data-theme={theme?.value}>
       <body>
         <AppProvider>{children}</AppProvider>
       </body>
diff --git a/packages/common/components/src/ui/header/index.tsx b/packages/common/components/src/ui/header/index.tsx
index 0248a064f..c9a150f58 100644
--- a/packages/common/components/src/ui/header/index.tsx
+++ b/packages/common/components/src/ui/header/index.tsx
@@ -26,7 +26,7 @@ export function Header({ viewOnly }: { viewOnly?: boolean }) {
     select: (data) => {
       if (data.siteSkn) {
         const siteSkin = data.siteSkn.toLowerCase();
-        setCookie("data-theme", siteSkin);
+        setCookie("site-theme-key", siteSkin);
         document.documentElement.setAttribute("data-theme", siteSkin);
       }
       return data;