diff --git a/src/assets/SuwayomiLogo.tsx b/src/assets/SuwayomiLogo.tsx
index f73a5421..976ef644 100644
--- a/src/assets/SuwayomiLogo.tsx
+++ b/src/assets/SuwayomiLogo.tsx
@@ -11,13 +11,14 @@ import SvgIcon from '@mui/material/SvgIcon';
 
 export const SuwayomiLogo = ({
     circleRingColor = '#35d4d5',
+    circleFillColor = '#1A1A1D',
     ...props
-}: SvgIconProps & { circleRingColor?: string }) => (
+}: SvgIconProps & { circleRingColor?: string; circleFillColor?: string }) => (
     <SvgIcon {...props}>
         <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100" height="100">
             <svg version="1.1" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
                 <circle cx="50" cy="50" r="50" fill={circleRingColor} />
-                <circle cx="50" cy="50" r="39" fill="#1A1A1D" />
+                <circle cx="50" cy="50" r="39" fill={circleFillColor} />
                 <path
                     d="m26.46 38.07 15.633-.27c3.348-.081 3.348-.081 4.482.783.783.972 1.161 1.701 1.404 2.916-.216 1.053-.567 1.593-1.242 2.403l-3.321 4.509c-.513.702-.513.702-.756 1.539.216.108.216.108.459.189 2.322 1.269 4.347 3.402 6.291 5.211l1.539 1.431c.459.621.594 1.053.621 1.809l-2.268 2.619c-.675.54-1.188.459-2.052.351-.702-.513-.702-.513-1.404-1.242l-3.861-3.996c-.81-.837-1.674-1.593-2.565-2.322-.972.459-1.62.999-2.376 1.728-7.29 6.723-7.29 6.723-10.206 6.615-1.161-.432-1.998-1.215-2.808-2.133-.27-.918-.27-.918-.27-1.62 1.08-.918 2.187-1.755 3.402-2.457 4.428-2.592 8.046-6.183 11.124-10.287 1.026-1.431 1.35-1.998 1.674-2.646l-12.15.054c-.54-.054-.54-.054-1.08-.594-.243-1.107-.27-2.16-.27-3.24l0-1.35z"
                     fill="#fdfdfd"
diff --git a/src/features/authentication/components/SplashScreen.tsx b/src/features/authentication/components/SplashScreen.tsx
index cd9140e0..c14f69e5 100644
--- a/src/features/authentication/components/SplashScreen.tsx
+++ b/src/features/authentication/components/SplashScreen.tsx
@@ -13,8 +13,6 @@ import type { ComponentProps } from 'react';
 import { SuwayomiLogo } from '@/assets/SuwayomiLogo.tsx';
 import { ServerAddressSetting } from '@/features/settings/components/ServerAddressSetting.tsx';
 
-import { ThemeMode } from '@/features/theme/AppTheme.types.ts';
-
 export const SplashScreen = ({
     slots,
 }: {
@@ -35,17 +33,13 @@ export const SplashScreen = ({
                 minHeight: '100vh',
                 justifyContent: 'center',
                 alignItems: 'center',
-                backgroundColor: 'primary.light',
-                ...theme.applyStyles('dark', {
-                    backgroundColor: 'primary.dark',
-                }),
+                backgroundColor: 'background.paper',
                 ...slots?.stackProps?.sx,
             }}
         >
             <SuwayomiLogo
-                circleRingColor={
-                    theme.palette.mode === ThemeMode.DARK ? theme.palette.primary.light : theme.palette.primary.dark
-                }
+                circleRingColor={theme.palette.primary.light}
+                circleFillColor={theme.palette.primary.dark}
                 {...slots?.logoProps}
                 sx={{
                     fontSize: 250,