diff --git a/pages/settings/index.vue b/pages/settings/index.vue
index 1032c8d0..ab8762ee 100644
--- a/pages/settings/index.vue
+++ b/pages/settings/index.vue
@@ -100,7 +100,7 @@
           </span>
           <Multiselect
             v-model="$colorMode.preference"
-            :options="['light', 'dark', 'oled']"
+            :options="['system', 'light', 'dark', 'oled']"
             :searchable="false"
             :close-on-select="true"
             :show-labels="false"