From da30b523347f11a86e4e2c81efa7c56f07531614 Mon Sep 17 00:00:00 2001 From: kangfenmao Date: Mon, 26 May 2025 11:46:56 +0800 Subject: [PATCH] feat: add dark mode support for DMXAPI logo in settings - 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. --- .../images/providers/dmxapi-logo-dark.webp | Bin 0 -> 10236 bytes .../ProviderSettings/DMXAPISettings.tsx | 5 ++++- 2 files changed, 4 insertions(+), 1 deletion(-) create mode 100644 src/renderer/src/assets/images/providers/dmxapi-logo-dark.webp diff --git a/src/renderer/src/assets/images/providers/dmxapi-logo-dark.webp b/src/renderer/src/assets/images/providers/dmxapi-logo-dark.webp new file mode 100644 index 0000000000000000000000000000000000000000..baad605a00b842cbba082648f7d554068792c0a9 GIT binary patch literal 10236 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 C{J%~B literal 0 HcmV?d00001 diff --git a/src/renderer/src/pages/settings/ProviderSettings/DMXAPISettings.tsx b/src/renderer/src/pages/settings/ProviderSettings/DMXAPISettings.tsx index a99ae259b7..b9d54fd8b9 100644 --- a/src/renderer/src/pages/settings/ProviderSettings/DMXAPISettings.tsx +++ b/src/renderer/src/pages/settings/ProviderSettings/DMXAPISettings.tsx @@ -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 = ({ provider: initialProvider }) => { const { provider, updateProvider } = useProvider(initialProvider.id) + const { theme } = useTheme() const { t } = useTranslation() @@ -71,7 +74,7 @@ const DMXAPISettings: FC = ({ provider: initialProvider }) - + {t('settings.provider.dmxapi.select_platform')}