feat: animated artwork

Animated artwork over the Now Playing artwork tile, behind a
new "Animated Artwork" setting.
This commit is contained in:
Daniel committed 2026-09-26 09:19:01 +02:00
1 parent 7f06969bef
commit 8ef69f57a2
9 files changed
+595 -3

No files matched your search

@@ -8,6 +8,7 @@ declare global {
updateRadiantLyricsTextGlow?: () => void;
updateRadiantLyricsPlayerBarTint?: () => void;
updateRadiantLyricsBackdrop?: () => void;
updateAnimatedArtwork?: (target?: unknown) => void;
updateQualityProgressColor?: () => void;
updateIntegratedSeekBar?: () => void;
updateLyricsStyle?: () => void;
@@ -48,6 +49,7 @@ export const settings = await ReactiveStore.getPluginStorage("RadiantLyrics", {
playerBarTintCustomColors: [] as string[],
// Master switch
backdropEnabled: true,
animatedArtwork: true,
backdropStyle: 0,
backdropPlaybackReactive: true,
CoverEverywhere: true,
@@ -82,6 +84,9 @@ export const Settings = () => {
const [backdropEnabled, setBackdropEnabled] = React.useState(
settings.backdropEnabled,
);
const [animatedArtwork, setAnimatedArtwork] = React.useState(
settings.animatedArtwork,
);
const [backdropStyle, setBackdropStyle] = React.useState(
settings.backdropStyle,
);
@@ -915,6 +920,16 @@ export const Settings = () => {
refreshBackdrop();
}}
/>
<AnySwitch
title="Animated Artwork"
desc="Show animated artwork over the artwork tile in the Now Playing view"
checked={animatedArtwork}
onChange={(_: unknown, checked: boolean) => {
settings.animatedArtwork = checked;
setAnimatedArtwork(checked);
window.updateAnimatedArtwork?.();
}}
/>
{backdropEnabled && (
<>
<LunaNumberSetting