diff --git a/open-isle-cli/src/components/MenuComponent.vue b/open-isle-cli/src/components/MenuComponent.vue
index 4acba802d..652e253fe 100644
--- a/open-isle-cli/src/components/MenuComponent.vue
+++ b/open-isle-cli/src/components/MenuComponent.vue
@@ -19,6 +19,12 @@
           <span class="menu-item-text">发帖</span>
         </router-link>
       </div>
+
+      <div class="menu-footer">
+        <div class="menu-footer-btn" @click="$emit('toggle-dark-mode')">
+          <i class="fas fa-moon"></i>
+        </div>
+      </div>
     </nav>
   </transition>
 </template>
@@ -41,6 +47,9 @@ export default {
   background-color: var(--menu-background-color);
   height: calc(100vh - var(--header-height));
   border-right: 1px solid var(--menu-border-color);
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
 }
 
 .menu-item-container {
@@ -71,6 +80,22 @@ export default {
   opacity: 0.5;
 }
 
+.menu-footer {
+  height: 30px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  margin-bottom: 10px;
+}
+
+.menu-footer-btn {
+  width: 30px;
+  height: 30px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
 /*
 .slide-enter-active, .slide-leave-active {
   transition: