From 4403eac68d6e404cf3be82b436bdde179338ec5d Mon Sep 17 00:00:00 2001
From: pengyunfei <pengyunfei@360.cn>
Date: Fri, 12 Apr 2024 21:22:41 +0800
Subject: [PATCH] Update appearance component to include custom color picker

---
 src/components/Settings/components/Appearance.vue | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/components/Settings/components/Appearance.vue b/src/components/Settings/components/Appearance.vue
index 6899ffea..ae026194 100644
--- a/src/components/Settings/components/Appearance.vue
+++ b/src/components/Settings/components/Appearance.vue
@@ -105,6 +105,21 @@ function changeWallpaper(url: string) {
             }"
             @click="changeThemeColor(color)"
           />
+          <div
+            w-20px h-20px rounded-8 cursor-pointer transition
+            overflow-hidden
+            flex items-center justify-center
+          >
+            <input
+              :value="settings.themeColor"
+              min-w-30px
+              h-30px
+              padding-0
+              block
+              type="color"
+              @input="(e) => changeThemeColor((e.target as HTMLInputElement)?.value)"
+            >
+          </div>
         </div>
       </SettingsItem>
     </SettingsItemGroup>