From b95bd0e533e6d85ffb9dc7e6c53bcc887adb31f6 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sat, 25 Nov 2023 00:39:29 -0600
Subject: [PATCH] Gameboy: fix button styles in light mode

---
 src/components/gameboy.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/gameboy.tsx b/src/components/gameboy.tsx
index 946d056e8..234b62097 100644
--- a/src/components/gameboy.tsx
+++ b/src/components/gameboy.tsx
@@ -135,11 +135,13 @@ const Gameboy: React.FC<IGameboy> = ({ className, src, aspect = 'normal', onFocu
       >
         <HStack space={2}>
           <IconButton
+            theme='transparent'
             className='text-white'
             onClick={togglePaused}
             src={paused ? require('@tabler/icons/player-play.svg') : require('@tabler/icons/player-pause.svg')}
           />
           <IconButton
+            theme='transparent'
             className='text-white'
             onClick={toggleMuted}
             src={muted ? require('@tabler/icons/volume-3.svg') : require('@tabler/icons/volume.svg')}
@@ -148,11 +150,13 @@ const Gameboy: React.FC<IGameboy> = ({ className, src, aspect = 'normal', onFocu
 
         <HStack space={2}>
           <IconButton
+            theme='transparent'
             className='text-white'
             src={require('@tabler/icons/download.svg')}
             onClick={handleDownload}
           />
           <IconButton
+            theme='transparent'
             className='text-white'
             onClick={toggleFullscreen}
             src={fullscreen ? require('@tabler/icons/arrows-minimize.svg') : require('@tabler/icons/arrows-maximize.svg')}