[Feature Request]: Feat: Synced Lyrics- Add font size & animation speed toggle

[Rairof]

Preflight Checklist

• [X] I use the latest version of YouTube Music (Application).
• [X] I have searched the issue tracker for a feature request that matches the one I want to file, without success.

Problem Description

Adding toggles for users to set the font size and synced lyrics animation speed.

Proposed Solution

Font size and sentence syncing animation being user configurable-

Alternatives Considered

N/A

Additional Information

Would be nice to have such configurations for different type of monitors and layouts and also giving the users the choice to set how bit the font they want it to be and how speedy they want the animation to be.

[ValiantZippu]

Also a toggle for spacing between each lyric

( Nice idea )

[joulev]

Agreed. The current lyrics is too small imo, and the lines are too far apart. And I can't control the lyrics font size because it is already hardcoded with !important, nullifying all changes my custom CSS file brings to it.

[uvw]

Agreed. The current lyrics is too small imo, and the lines are too far apart. And I can't control the lyrics font size because it is already hardcoded with !important, nullifying all changes my custom CSS file brings to it.

I was able to change the font size and padding with custom CSS. Here is mine, for example:

/*
Lyrics Typography:
Source CSS: https://github.com/th-ch/youtube-music/blob/master/src/plugins/synced-lyrics/style.css
*/
#synced-lyrics-container .text-lyrics.description {
  /* default: center */
  --lyrics-text-align: left !important;

  /* default: clamp(1.4rem, 1.1vmax, 3rem) */
  --lyrics-font-size: clamp(2rem, 2vmax, 4rem) !important;

  /* default: 2rem */
  --lyrics-padding: .8rem !important;

  /* Override these directly because .description does not use vars defined in its style.css */
  font-size: var(--lyrics-font-size) !important;
  text-align: var(--lyrics-text-align) !important;
}

[uvw]

FYI, my comment is just a workaround.

I would love to see this as a configurable feature exactly as @Rairof explained.

[ArjixWasTaken]

I wouldn't call it a workaround, that's exactly what we have CSS support for. But it does make sense as a feature request.