diff --git a/plugins/radiant-lyrics-luna/src/Settings.tsx b/plugins/radiant-lyrics-luna/src/Settings.tsx index fc9a831..3a905ce 100644 --- a/plugins/radiant-lyrics-luna/src/Settings.tsx +++ b/plugins/radiant-lyrics-luna/src/Settings.tsx @@ -48,6 +48,7 @@ export const settings = await ReactiveStore.getPluginStorage("RadiantLyrics", { blurInactive: true, bubbledLyrics: true, syllableLogging: false, + lyricsFontSize: 100, }); export const Settings = () => { @@ -132,6 +133,9 @@ export const Settings = () => { window.updateLyricsStyleSetting = undefined; }; }, []); + const [lyricsFontSize, setLyricsFontSize] = React.useState( + settings.lyricsFontSize, + ); const [contextAwareLyrics, setContextAwareLyrics] = React.useState( settings.contextAwareLyrics, ); @@ -212,6 +216,21 @@ export const Settings = () => { } }} /> + { + settings.lyricsFontSize = value; + setLyricsFontSize(value); + if (window.updateRadiantLyricsTextGlow) { + window.updateRadiantLyricsTextGlow(); + } + }} + /> span:not([data-test="lyrics-line"]) { display: block; - font-size: 40px; + font-size: calc(40px * var(--rl-font-scale, 1)); font-family: "AbyssFont", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;