diff --git a/src/components/Settings.vue b/src/components/Settings.vue
index fc3470a6..18b69a34 100644
--- a/src/components/Settings.vue
+++ b/src/components/Settings.vue
@@ -135,6 +135,18 @@ function onRevoke() {
       </div>
     </div>
 
+    <div class="settings-item">
+      <div>
+        Accent color
+        <br>
+        <!-- <span class="desc">{{ $t('settings.topbar_visible_desc') }}</span> -->
+      </div>
+      <div>
+        <div w-20px h-20px rounded-8 bg="#00a1d6" />
+        <div w-20px h-20px rounded-8 bg="#fb7299" />
+      </div>
+    </div>
+
     <div class="settings-item">
       <div>
         {{ $t('settings.dock_position') }}