From 78d37ace29e537174e2c8a4f6ce51907b9aa0ee9 Mon Sep 17 00:00:00 2001
From: ckx6954 <ckx6954@local-host.co.kr>
Date: Thu, 19 Dec 2024 14:06:45 +0900
Subject: [PATCH] =?UTF-8?q?=EB=8B=A4=ED=81=AC=EB=AA=A8=EB=93=9C=20?=
 =?UTF-8?q?=EB=9D=BC=EC=9D=B4=ED=8A=B8=20=EB=AA=A8=EB=93=9C=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                                | 33 +++++++++++++++++++++-
 src/components/calendar/SampleCalendar.vue |  3 ++
 2 files changed, 35 insertions(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index 5ac8129..f8850a3 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -6,6 +6,37 @@
     </normal-layout>
 </template>
 <script setup>
+import { onMounted } from 'vue';
 import NormalLayout from './layouts/NormalLayout.vue';
+
+onMounted(() => {
+    const storedStyle = localStorage.getItem('templateCustomizer-vertical-menu-template--Style');
+
+    function switchToDarkMode() {
+        // 다크 모드로 전환
+        document.documentElement.classList.add('dark-style');
+        document.documentElement.classList.remove('light-style');
+        document.querySelector('.template-customizer-core-css').setAttribute('href', '/vendor/css/rtl/core-dark.css');
+        document.querySelector('.template-customizer-theme-css').setAttribute('href', '/vendor/css/rtl/theme-default-dark.css');
+        localStorage.setItem('templateCustomizer-vertical-menu-template--Style', 'dark'); // 다크 모드로 설정
+    }
+
+    function switchToLightMode() {
+        // 라이트 모드로 전환
+
+        document.querySelector('.template-customizer-core-css').setAttribute('href', '/vendor/css/rtl/core.css');
+        document.querySelector('.template-customizer-theme-css').setAttribute('href', '/vendor/css/rtl/theme-default.css');
+        document.documentElement.classList.remove('dark-style');
+        document.documentElement.classList.add('light-style');
+        localStorage.setItem('templateCustomizer-vertical-menu-template--Style', 'light'); // 라이트 모드로 설정
+    }
+
+    if (storedStyle === 'dark') {
+        switchToDarkMode();
+    } else {
+        switchToLightMode(); // 기본 라이트 모드로 설정
+    }
+});
 </script>
-<style></style>
+<style>
+</style>
diff --git a/src/components/calendar/SampleCalendar.vue b/src/components/calendar/SampleCalendar.vue
index 1fefadc..71d68eb 100644
--- a/src/components/calendar/SampleCalendar.vue
+++ b/src/components/calendar/SampleCalendar.vue
@@ -17,10 +17,13 @@
                     <div class="px-6 pb-2">
                         <div>
                             <h5>Event</h5>
+
                         </div>
                     </div>
                 </div>
 
+
+
                 <div class="col app-calendar-content">
                     <div class="card shadow-none border-0">
                         <div class="card-body pb-0">