From ff55739376e2b80c1edc99ab3fa5d0764237f2a3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=BE=8E=E5=85=B0=E5=8D=81=E4=B8=89?= <luna_yj@hotmail.com>
Date: Tue, 4 Mar 2025 17:31:36 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E6=98=BE=E7=A4=BA=E8=AE=BE=E7=BD=AE):=20?=
 =?UTF-8?q?=E8=87=AA=E5=AE=9A=E4=B9=89css=20=E5=A2=9E=E5=8A=A0cherrycss?=
 =?UTF-8?q?=E5=85=A5=E5=8F=A3=E6=96=B9=E4=BE=BF=E5=BF=AB=E9=80=9F=E8=8E=B7?=
 =?UTF-8?q?=E5=8F=96=E6=A0=B7=E5=BC=8F=20(#2807)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* feat(显示设置): 自定义css 增加cherrycss入口方便快速获取样式

这是个无用的小辣鸡功能 = =、

* feat(显示设置): 自定义css 增加cherrycss入口方便快速获取样式

这是个无用的小辣鸡功能 = =、
---
 .../DisplaySettings/DisplaySettings.tsx       | 22 +++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/renderer/src/pages/settings/DisplaySettings/DisplaySettings.tsx b/src/renderer/src/pages/settings/DisplaySettings/DisplaySettings.tsx
index fb06f041..957ead69 100644
--- a/src/renderer/src/pages/settings/DisplaySettings/DisplaySettings.tsx
+++ b/src/renderer/src/pages/settings/DisplaySettings/DisplaySettings.tsx
@@ -1,5 +1,7 @@
 import { SyncOutlined } from '@ant-design/icons'
+import MinApp from '@renderer/components/MinApp'
 import { isMac } from '@renderer/config/constant'
+import { AppLogo } from '@renderer/config/env'
 import { DEFAULT_MIN_APPS } from '@renderer/config/minapps'
 import { useTheme } from '@renderer/context/ThemeProvider'
 import { useMinapps } from '@renderer/hooks/useMinapps'
@@ -100,7 +102,14 @@ const DisplaySettings: FC = () => {
     ],
     [t]
   )
-
+  const onOpenCherrycss = () => {
+    MinApp.start({
+      id: 'cherrycss',
+      name: 'Cherry Studio Theme Gallery',
+      url: 'https://cherrycss.com/',
+      logo: AppLogo
+    })
+  }
   return (
     <SettingContainer theme={themeMode}>
       <SettingGroup theme={theme}>
@@ -194,7 +203,10 @@ const DisplaySettings: FC = () => {
         />
       </SettingGroup>
       <SettingGroup theme={theme}>
-        <SettingTitle>{t('settings.display.custom.css')}</SettingTitle>
+        <SettingTitle>
+          {t('settings.display.custom.css')}
+          <TitleExtra onClick={onOpenCherrycss}>从cherrycss获取</TitleExtra>
+        </SettingTitle>
         <SettingDivider />
         <Input.TextArea
           value={customCss}
@@ -210,6 +222,12 @@ const DisplaySettings: FC = () => {
   )
 }
 
+const TitleExtra = styled.div`
+  font-size: 12px;
+  cursor: pointer;
+  text-decoration: underline;
+  opacity: 0.7;
+`
 const ResetButtonWrapper = styled.div`
   display: flex;
   align-items: center;