From 2814b623e724db4c330c853dd10dac681bf06550 Mon Sep 17 00:00:00 2001
From: Kendall Garner <17521368+kgarner7@users.noreply.github.com>
Date: Wed, 25 Jun 2025 08:05:57 -0700
Subject: [PATCH] fix player button light theme and tooltip

---
 .../player/components/player-button.module.css        |  1 +
 .../features/player/components/player-button.tsx      | 11 +++++------
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/renderer/features/player/components/player-button.module.css b/src/renderer/features/player/components/player-button.module.css
index 57147235..8f4f9084 100644
--- a/src/renderer/features/player/components/player-button.module.css
+++ b/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;
diff --git a/src/renderer/features/player/components/player-button.tsx b/src/renderer/features/player/components/player-button.tsx
index f7f0d232..51aa5dab 100644
--- a/src/renderer/features/player/components/player-button.tsx
+++ b/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}
         />
     );