Northern_Lights/cherry-studio
1
0
Fork 0
mirror of https://github.com/CherryHQ/cherry-studio.git synced 2025-12-29 05:51:26 +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 e854ef8757
commit da30b52334
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>