From bf8f9d2be85799e067e63197efc4bbee0d0afbc3 Mon Sep 17 00:00:00 2001
From: Deluan <deluan@deluan.com>
Date: Fri, 1 May 2020 12:08:32 -0400
Subject: [PATCH] Fix context menu icon color on Light theme

---
 ui/src/album/AlbumContextMenu.js | 6 +++---
 ui/src/album/AlbumGridView.js    | 4 +++-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/ui/src/album/AlbumContextMenu.js b/ui/src/album/AlbumContextMenu.js
index 822c131e9..5f89dfc93 100644
--- a/ui/src/album/AlbumContextMenu.js
+++ b/ui/src/album/AlbumContextMenu.js
@@ -10,12 +10,12 @@ import { playAlbum, shuffleAlbum } from '../audioplayer'
 
 const useStyles = makeStyles({
   icon: {
-    color: 'white',
+    color: (props) => props.color,
   },
 })
 
-const AlbumContextMenu = ({ record }) => {
-  const classes = useStyles()
+const AlbumContextMenu = ({ record, color }) => {
+  const classes = useStyles({ color })
   const dataProvider = useDataProvider()
   const dispatch = useDispatch()
   const translate = useTranslate()
diff --git a/ui/src/album/AlbumGridView.js b/ui/src/album/AlbumGridView.js
index b1407ba96..06687b19a 100644
--- a/ui/src/album/AlbumGridView.js
+++ b/ui/src/album/AlbumGridView.js
@@ -95,7 +95,9 @@ const LoadedAlbumGrid = ({ ids, data, basePath, width }) => {
                   </ArtistLinkField>
                 </div>
               }
-              actionIcon={<AlbumContextMenu record={data[id]} />}
+              actionIcon={
+                <AlbumContextMenu record={data[id]} color={'white'} />
+              }
             />
           </GridListTile>
         ))}