add pink theme

Author: pompurin404

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">

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"
         >

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>

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'

tailwind.config.js

@@ -29,6 +29,13 @@ module.exports = {
               400: '#a1a1aa'
             }
           }
+        },
+        pink: {
+          extend: 'light',
+          colors: {
+            primary: '#ED9CC2',
+            secondary: '#71CCAA'
+          }
         }
       }
     })