Fix SplashScreen light mode logo color

This commit is contained in:
schroda
2025-09-10 00:28:23 +02:00
parent 464edc0f18
commit e138229832

View File

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