diff --git a/src/resources/theme/core.globals.ts b/src/resources/theme/core.globals.ts index 40e69be55b..8b05721348 100644 --- a/src/resources/theme/core.globals.ts +++ b/src/resources/theme/core.globals.ts @@ -44,8 +44,15 @@ export const coreStyles = css` --ha-space-20: 80px; /* Animation timing */ - --ha-animation-duration: 400ms; + --ha-animation-duration: 350ms; --ha-animation-delay-base: 50ms; + + @media (prefers-reduced-motion: reduce) { + html { + --ha-animation-duration: 150ms; + --ha-animation-delay-base: 20ms; + } + } } `;