diff --git a/plugins/radiant-lyrics-luna/src/floating-player-bar.css b/plugins/radiant-lyrics-luna/src/floating-player-bar.css index d7a983b..4c18a10 100644 --- a/plugins/radiant-lyrics-luna/src/floating-player-bar.css +++ b/plugins/radiant-lyrics-luna/src/floating-player-bar.css @@ -5,5 +5,5 @@ [data-test="footer-player"] { position: absolute !important; backdrop-filter: blur(10px); - border: 1px solid var(--wave-color-opacity-contrast-fill-ultra-thin) !important; + border: 1px solid var(--wave-color-opacity-contrast-fill-ultra-thin, rgba(255, 255, 255, 0.1)) !important; } diff --git a/plugins/radiant-lyrics-luna/src/index.ts b/plugins/radiant-lyrics-luna/src/index.ts index 0988d10..4d388bb 100644 --- a/plugins/radiant-lyrics-luna/src/index.ts +++ b/plugins/radiant-lyrics-luna/src/index.ts @@ -116,8 +116,8 @@ const applyFloatingPlayerBar = (): void => { // Alias for settings callback const updateRadiantLyricsPlayerBarTint = applyFloatingPlayerBar; -// Apply Tint and Observe in case doesn't exist yet (ik this isnt the best way to do it but.. make a PR i dare ya!) -applyPlayerBarTintToElement(); +// Apply floating player bar + tint on load +applyFloatingPlayerBar(); observe(unloads, '[data-test="footer-player"]', () => { applyPlayerBarTintToElement(); });