Northern_Lights/cherry-studio
1
0
Fork 0
mirror of https://github.com/CherryHQ/cherry-studio.git synced 2026-01-01 09:49:03 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

feat: add dark mode support for DMXAPI logo in settings

Browse Source 
- Introduced a new dark mode logo for DMXAPI and updated the logo rendering logic in the DMXAPISettings component to switch between light and dark logos based on the current theme.
This commit is contained in:
kangfenmao 2025-05-26 11:46:56 +08:00
parent 6af5d0e0d6
commit 2bf2e2febb
2 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/renderer/src/assets/images/providers/dmxapi-logo-dark.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

5
src/renderer/src/pages/settings/ProviderSettings/DMXAPISettings.tsx
View File

@ -1,4 +1,6 @@
import DmxapiLogo from '@renderer/assets/images/providers/dmxapi-logo.webp'
import DmxapiLogoDark from '@renderer/assets/images/providers/dmxapi-logo-dark.webp'
import { useTheme } from '@renderer/context/ThemeProvider'
import { useProvider } from '@renderer/hooks/useProvider'
import { Provider } from '@renderer/types'
import { Radio, RadioChangeEvent, Space } from 'antd'
@ -40,6 +42,7 @@ const PlatformOptions = [
const DMXAPISettings: FC<DMXAPISettingsProps> = ({ provider: initialProvider }) => {
const { provider, updateProvider } = useProvider(initialProvider.id)
const { theme } = useTheme()
const { t } = useTranslation()
@ -71,7 +74,7 @@ const DMXAPISettings: FC<DMXAPISettingsProps> = ({ provider: initialProvider })
<Container>
<Space direction="vertical" style={{ width: '100%' }}>
<LogoContainer>
<Logo src={DmxapiLogo}></Logo>
<Logo src={theme === 'dark' ? DmxapiLogoDark : DmxapiLogo}></Logo>
</LogoContainer>
<SettingSubtitle style={{ marginTop: 5 }}>{t('settings.provider.dmxapi.select_platform')}</SettingSubtitle>