xfy/DefectingCat.github.io
1
0
Fork 0
mirror of https://github.com/DefectingCat/DefectingCat.github.io synced 2025-07-16 01:01:38 +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. // After model loading, set theme to dark mode.
const restore = useRef(false); const restore = useRef(false);
const { systemTheme, theme, setTheme } = useTheme(); const { theme, setTheme } = useTheme();
const currentTheme = theme === 'system' ? systemTheme : theme;
// setDarkMode is async called by setTimeout, when component is unmounted // setDarkMode is async called by setTimeout, when component is unmounted
// it should not be called. // it should not be called.
const setDarkMode = () => { const setDarkMode = () => {
if (currentTheme === 'dark') return; if (theme === 'mocha') return;
restore.current = true; restore.current = true;
document.body.style.transition = 'all 1.2s ease-out'; document.body.style.transition = 'all 1.2s ease-out';
setTheme('dark'); setTheme('mocha');
}; };
const [_, api] = useSpring( const [_, api] = useSpring(
{ {
@ -88,7 +87,7 @@ const CloudModel = () => {
window.removeEventListener('touchmove', moveHandler); window.removeEventListener('touchmove', moveHandler);
if (!restore.current) return; if (!restore.current) return;
setTheme('light'); setTheme('latte');
document.body.style.transition = 'all 0.3s ease-out'; document.body.style.transition = 'all 0.3s ease-out';
}; };
// eslint-disable-next-line react-hooks/exhaustive-deps // eslint-disable-next-line react-hooks/exhaustive-deps