diff --git a/plugins/radiant-lyrics-luna/src/Settings.tsx b/plugins/radiant-lyrics-luna/src/Settings.tsx index bb8cfd6..87b22de 100644 --- a/plugins/radiant-lyrics-luna/src/Settings.tsx +++ b/plugins/radiant-lyrics-luna/src/Settings.tsx @@ -4,13 +4,14 @@ import React from "react"; export const settings = await ReactiveStore.getPluginStorage("RadiantLyrics", { hideUIEnabled: true, - playerBarVisible: true, + playerBarVisible: false, lyricsGlowEnabled: true, - spinningCoverEverywhere: false, + textGlow: 20, + spinningCoverEverywhere: true, performanceMode: false, spinningArtEnabled: true, backgroundContrast: 120, - backgroundBlur: 80, + backgroundBlur: 80, backgroundBrightness: 40, spinSpeed: 45, settingsAffectNowPlaying: true, @@ -20,6 +21,7 @@ export const Settings = () => { const [hideUIEnabled, setHideUIEnabled] = React.useState(settings.hideUIEnabled); const [playerBarVisible, setPlayerBarVisible] = React.useState(settings.playerBarVisible); const [lyricsGlowEnabled, setLyricsGlowEnabled] = React.useState(settings.lyricsGlowEnabled); + const [textGlow, setTextGlow] = React.useState(settings.textGlow); const [spinningCoverEverywhere, setSpinningCoverEverywhere] = React.useState(settings.spinningCoverEverywhere); const [performanceMode, setPerformanceMode] = React.useState(settings.performanceMode); const [spinningArtEnabled, setSpinningArtEnabled] = React.useState(settings.spinningArtEnabled); @@ -65,7 +67,7 @@ export const Settings = () => { }} /> { @@ -78,8 +80,8 @@ export const Settings = () => { }} /> { console.log("Performance Mode:", checked ? "enabled" : "disabled"); @@ -108,6 +110,21 @@ export const Settings = () => { } }} /> + { + setTextGlow((settings.textGlow = value)); + // Update variables immediately when setting changes + if ((window as any).updateRadiantLyricsTextGlow) { + (window as any).updateRadiantLyricsTextGlow(); + } + }} + /> div > span[data-current="true"] { - text-shadow: 0 0 2px #fff, 0 0 20px #fff !important; + text-shadow: 0 0 var(--rl-glow-inner, 2px) #fff, 0 0 var(--rl-glow-outer, 20px) #fff !important; padding-left: 20px; transition-duration: 0.7s; font-size: 55px; @@ -44,7 +44,7 @@ } [class*="_lyricsText"] > div > span:hover { - text-shadow: 0 0 2px lightgray, 0 0 20px lightgray !important; + text-shadow: 0 0 var(--rl-glow-inner, 2px) lightgray, 0 0 var(--rl-glow-outer, 20px) lightgray !important; color: lightgray !important; padding-left: 20px; transition-duration: 0.7s; @@ -52,7 +52,7 @@ /* Track title glow */ [data-test="now-playing-track-title"] { - text-shadow: 0 0 1px #fff, 0 0 30px #fff !important; + text-shadow: 0 0 1px #fff, 0 0 var(--rl-glow-outer, 30px) #fff !important; } /* Current line transitions */