diff --git a/src/renderer/src/App.tsx b/src/renderer/src/App.tsx
index 9ae49fc..8311931 100644
--- a/src/renderer/src/App.tsx
+++ b/src/renderer/src/App.tsx
@@ -30,7 +30,7 @@ const App: React.FC = () => {
 
   useEffect(() => {
     setTheme(appTheme)
-  }, [])
+  }, [appTheme])
 
   return (
     <div className="w-full h-[100vh] flex">
diff --git a/src/renderer/src/main.tsx b/src/renderer/src/main.tsx
index fe9000a..20755d5 100644
--- a/src/renderer/src/main.tsx
+++ b/src/renderer/src/main.tsx
@@ -13,7 +13,7 @@ init().then(() => {
       <NextUIProvider>
         <NextThemesProvider
           attribute="class"
-          themes={['light', 'dark', 'gray']}
+          themes={['light', 'dark', 'gray', 'pink']}
           enableSystem
           defaultTheme="dark"
         >
diff --git a/src/renderer/src/pages/settings.tsx b/src/renderer/src/pages/settings.tsx
index 930e217..50e9d12 100644
--- a/src/renderer/src/pages/settings.tsx
+++ b/src/renderer/src/pages/settings.tsx
@@ -98,6 +98,7 @@ const Settings: React.FC = () => {
             <Tab key="system" title="自动" />
             <Tab key="dark" title="深色" />
             <Tab key="gray" title="灰色" />
+            <Tab key="pink" title="粉色" />
             <Tab key="light" title="浅色" />
           </Tabs>
         </SettingItem>
diff --git a/src/shared/types.d.ts b/src/shared/types.d.ts
index d56fecd..6938a01 100644
--- a/src/shared/types.d.ts
+++ b/src/shared/types.d.ts
@@ -1,7 +1,7 @@
 type OutboundMode = 'rule' | 'global' | 'direct'
 type LogLevel = 'info' | 'debug' | 'warning' | 'error' | 'silent'
 type SysProxyMode = 'auto' | 'manual'
-type AppTheme = 'system' | 'light' | 'dark' | 'gray'
+type AppTheme = 'system' | 'light' | 'dark' | 'gray' | 'pink'
 type MihomoGroupType = 'Selector' | 'URLTest' | 'LoadBalance' | 'Relay'
 type MihomoProxyType =
   | 'Direct'
diff --git a/tailwind.config.js b/tailwind.config.js
index 033322a..902e6f5 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -29,6 +29,13 @@ module.exports = {
               400: '#a1a1aa'
             }
           }
+        },
+        pink: {
+          extend: 'light',
+          colors: {
+            primary: '#ED9CC2',
+            secondary: '#71CCAA'
+          }
         }
       }
     })