From e138229832096f6f4bd5cbfd70161c027d86a984 Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Wed, 10 Sep 2025 00:28:23 +0200
Subject: [PATCH] Fix SplashScreen light mode logo color

---
 src/features/authentication/components/SplashScreen.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/features/authentication/components/SplashScreen.tsx b/src/features/authentication/components/SplashScreen.tsx
index 11bf02ff..8ba659bb 100644
--- a/src/features/authentication/components/SplashScreen.tsx
+++ b/src/features/authentication/components/SplashScreen.tsx
@@ -10,6 +10,7 @@ import { useTheme } from '@mui/material/styles';
 import Stack from '@mui/material/Stack';
 import { SuwayomiLogo } from '@/assets/SuwayomiLogo.tsx';
 import { ServerAddressSetting } from '@/features/settings/components/ServerAddressSetting.tsx';
+import { ThemeMode } from '@/features/theme/AppThemeContext.tsx';
 
 export const SplashScreen = () => {
     const theme = useTheme();
@@ -28,13 +29,15 @@ export const SplashScreen = () => {
             }}
         >
             <SuwayomiLogo
+                circleRingColor={
+                    theme.palette.mode === ThemeMode.DARK ? theme.palette.primary.light : theme.palette.primary.dark
+                }
                 sx={{
                     fontSize: 250,
                     [theme.breakpoints.up('lg')]: {
                         fontSize: 350,
                     },
                 }}
-                circleRingColor={theme.palette.primary.light}
             />
             {import.meta.env.DEV && (
                 <Stack sx={{ height: 'auto', mt: 5 }}>