diff --git a/src/client/app/theme.ts b/src/client/app/theme.ts index 1aa1984abd969e42837150cb89940aada4c71db9..2a2b3fd53717b3b73c08e118819f133a6a2b6c5d 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 34ef069b830d6e1c4e8559ee20d62eb1c1897543..dc45e0026a877c6075648fd0384b75693172010a 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