xfy/DefectingCat.github.io
1
0
Fork 0
mirror of https://github.com/DefectingCat/DefectingCat.github.io synced 2025-07-15 16:51:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix color error in about page

Browse Source
This commit is contained in:
DefectingCat
2023-11-10 14:40:37 +08:00
parent 114e5b88ad
commit 50c3d1a945
1 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
components/models/cloud-model.tsx
View File

@ -16,15 +16,14 @@ const CloudModel = () => {
// After model loading, set theme to dark mode.
const restore = useRef(false);
const { systemTheme, theme, setTheme } = useTheme();
const currentTheme = theme === 'system' ? systemTheme : theme;
const { theme, setTheme } = useTheme();
// setDarkMode is async called by setTimeout, when component is unmounted
// it should not be called.
const setDarkMode = () => {
if (currentTheme === 'dark') return;
if (theme === 'mocha') return;
restore.current = true;
document.body.style.transition = 'all 1.2s ease-out';
setTheme('dark');
setTheme('mocha');
};
const [_, api] = useSpring(
{
@ -88,7 +87,7 @@ const CloudModel = () => {
window.removeEventListener('touchmove', moveHandler);
if (!restore.current) return;
setTheme('light');
setTheme('latte');
document.body.style.transition = 'all 0.3s ease-out';
};
// eslint-disable-next-line react-hooks/exhaustive-deps