diff --git a/src/components/navigation/navigation.vue b/src/components/navigation/navigation.vue
index 85449df..e6d8e4a 100644
--- a/src/components/navigation/navigation.vue
+++ b/src/components/navigation/navigation.vue
@@ -39,6 +39,8 @@
                 <el-dropdown-menu slot="dropdown">
                     <el-dropdown-item style="text-align: center">{{user.nickname}}</el-dropdown-item>
 
+                    <el-dropdown-item icon="el-icon-sunrise" command="switch-dark" divided>Dark Mode</el-dropdown-item>
+
                     <el-dropdown-item icon="el-icon-switch-button" command="sign-out" divided>Sign Out</el-dropdown-item>
                 </el-dropdown-menu>
             </el-dropdown>