diff --git a/src/client/app/theme.ts b/src/client/app/theme.ts index 1aa1984ab..2a2b3fd53 100644 --- a/src/client/app/theme.ts +++ b/src/client/app/theme.ts @@ -43,10 +43,10 @@ export const builtinThemes = [ ]; export function applyTheme(theme: Theme, persisted = true) { - document.documentElement.classList.add('change-theme'); + document.documentElement.classList.add('changing-theme'); setTimeout(() => { - document.documentElement.classList.remove('change-theme'); + document.documentElement.classList.remove('changing-theme'); }, 500); // Deep copy diff --git a/src/client/style.styl b/src/client/style.styl index 34ef069b8..dc45e0026 100644 --- a/src/client/style.styl +++ b/src/client/style.styl @@ -20,7 +20,7 @@ html, body text-size-adjust 100% font-family sans-serif -html.change-theme +html.changing-theme &, * transition-property all transition-duration 0.5s