Fix BulkActions contrast once and for all(?)

ui/src/common/AddToPlaylistButton.js

@@ -1,10 +1,11 @@
 import React from 'react'
+import PropTypes from 'prop-types'
 import { useDispatch } from 'react-redux'
 import { Button, useTranslate, useUnselectAll } from 'react-admin'
 import PlaylistAddIcon from '@material-ui/icons/PlaylistAdd'
 import { openAddToPlaylist } from '../dialogs/dialogState'
 
-const AddToPlaylistButton = ({ resource, selectedIds }) => {
+const AddToPlaylistButton = ({ resource, selectedIds, className }) => {
   const translate = useTranslate()
   const dispatch = useDispatch()
   const unselectAll = useUnselectAll()
@@ -20,7 +21,7 @@ const AddToPlaylistButton = ({ resource, selectedIds }) => {
       aria-controls="simple-menu"
       aria-haspopup="true"
       onClick={handleClick}
-      color="secondary"
+      className={className}
       label={translate('resources.song.actions.addToPlaylist')}
     >
       <PlaylistAddIcon />
@@ -28,4 +29,10 @@ const AddToPlaylistButton = ({ resource, selectedIds }) => {
   )
 }
 
+AddToPlaylistButton.propTypes = {
+  resource: PropTypes.string.isRequired,
+  selectedIds: PropTypes.arrayOf(PropTypes.string).isRequired,
+  className: PropTypes.object,
+}
+
 export default AddToPlaylistButton