update UI

apps/overlay/src/songOverlay.tsx

@@ -6,6 +6,7 @@ import { translate, useI18n } from './i18n'
 import type { ComponentStream } from './stream'
 import { getOverlayTheme, themeCssVariables } from './themes'
 import type { OverlayThemeDefinition } from './themes'
+import { ThemeEdges } from './ThemeEdges'
 import { defaultSongRequestSettings } from './types'
 import type { SongRequestItem, SongRequestSettings } from './types'
 import { typographyVariables } from './typography'
@@ -324,6 +325,8 @@ export function SongRequestOverlay({
           ...typographyVariables(settings.fontFamily, settings.fontBrightness),
           ['--component-song-requester-color' as string]: settings.requesterColor || undefined,
           ['--component-song-title-color' as string]: settings.songTitleColor || undefined,
+          ['--component-decoration-line' as string]: `${settings.decorationLineWeight / 100}px`,
+          ['--component-decoration-edge-stroke' as string]: `${settings.decorationLineWeight / 50}px`,
           ['--song-font-size' as string]: `${Math.min(22, Math.max(11, Math.min(bounds.width, bounds.height) * 0.024)) * (settings.fontScale / 100)}px`,
           ['--song-current-min' as string]: `${Math.min(72, Math.max(48, bounds.height * 0.08))}px`,
           ['--song-moonlit-font-size' as string]: `${Math.min(26, Math.max(14, Math.min(bounds.width * 0.045, bounds.height * 0.032))) * (settings.fontScale / 100)}px`,
@@ -331,6 +334,7 @@ export function SongRequestOverlay({
         } as CSSProperties
       }
     >
+      <ThemeEdges />
       <section
         className="song-current"
         aria-label={translate('song.overlay.current_aria')}