Animations

web/src/components/PlayView.tsx

@@ -5,6 +5,7 @@ import { usePlaybackClock } from "../hooks/usePlaybackClock";
 import { albumLine, isBook } from "../lib/covers";
 import { clock, remainingInAlbum } from "../lib/format";
 import { groupOf } from "../lib/search";
+import { SHOW_DECORATIVE_ANIMATIONS } from "../lib/theme";
 import { Cover } from "./Cover";
 import { ProgressBar } from "./ProgressBar";
 import { Transport } from "./Transport";
@@ -76,7 +77,7 @@ export function PlayView({
             zIndex: 0,
             pointerEvents: "none",
             opacity: 0.92,
-            animation: "dolphinSwim 62s linear infinite",
+            animation: SHOW_DECORATIVE_ANIMATIONS ? "dolphinSwim 62s linear infinite" : "none",
             // Freezes in its current pose rather than snapping back to frame 0 -
             // `animation: "none"` would restart it, `animationPlayState` just pauses.
             animationPlayState: state.playing ? "running" : "paused",