diff --git a/.github/workflows/update-frontend.yml b/.github/workflows/update-frontend.yml
index 36e10d1..ccf63fc 100644
--- a/.github/workflows/update-frontend.yml
+++ b/.github/workflows/update-frontend.yml
@@ -6,6 +6,7 @@ on:
     push:
         branches:
             - "main"
+            - "feat-theme-dark"
         tags:
           - 'v*'
 jobs:
diff --git a/packages/frontend/src/components/BasicWindow.vue b/packages/frontend/src/components/BasicWindow.vue
index ab14db5..dec79f2 100644
--- a/packages/frontend/src/components/BasicWindow.vue
+++ b/packages/frontend/src/components/BasicWindow.vue
@@ -115,7 +115,7 @@
 </template>
 
 <script lang="ts">
-import { ref, defineComponent, onMounted, nextTick } from 'vue';
+import { ref, defineComponent, onMounted, nextTick, onUnmounted } from 'vue';
 import { useQuasar } from 'quasar';
 
 interface WindowRect {
@@ -251,7 +251,24 @@ export default defineComponent({
 			}
 		};
 
+		const message = (event: any) => {
+			console.log('message==>');
+			console.log(event);
+			console.log(event.data);
+			console.log($q.dark.isActive);
+			if (event.data.message === 'theme_update') {
+				if (event.data.info.theme.toString() === '1') {
+					$q.dark.set(false);
+				} else {
+					$q.dark.set(true);
+				}
+			}
+			console.log($q.dark.isActive);
+		};
+
 		onMounted(() => {
+			window.addEventListener('message', message);
+
 			nextTick(() => {
 				new MutationObserver(function (mutations) {
 					mutations.some(function (mutation) {
@@ -288,6 +305,10 @@ export default defineComponent({
 			});
 		});
 
+		onUnmounted(() => {
+			window.removeEventListener('message', message);
+		});
+
 		return {
 			$q,
 			value,