fix player button light theme and tooltip

src/renderer/features/player/components/player-button.module.css

@@ -38,6 +38,7 @@
 
 .main {
     border-radius: 50%;
+    background: var(--theme-colors-foreground) !important;
 
     svg {
         display: flex;

src/renderer/features/player/components/player-button.tsx

@@ -66,12 +66,11 @@ export const PlayButton = ({ isPaused, ...props }: PlayButtonProps) => {
             iconProps={{
                 size: 'lg',
             }}
-            tooltip={
-                isPaused
-                    ? t('player.play', { postProcess: 'sentenceCase' })
-                    : t('player.pause', { postProcess: 'sentenceCase' })
-            }
-            variant="white"
+            tooltip={{
+                label: isPaused
+                    ? (t('player.play', { postProcess: 'sentenceCase' }) as string)
+                    : (t('player.pause', { postProcess: 'sentenceCase' }) as string),
+            }}
             {...props}
         />
     );