feat: 🎸 add dark mode support to audio player

Author: streamich

src/__story__/react-simple-player.story.tsx

@@ -49,3 +49,7 @@ storiesOf('react-simple-player/widths', module)
       </div>
     );
   });
+
+storiesOf('react-simple-player', module).add('dark mode', () => {
+  return <Embed isDark url={'https://file-examples.com/wp-content/uploads/2017/11/file_example_MP3_700KB.mp3'} />;
+});

src/blocks/react-simple-player/index.tsx

@@ -2,8 +2,10 @@ import * as React from 'react';
 import {BlockProps} from '../..';
 import {Player} from 'react-simple-player';
 
-const SimplePlayerWrapper: React.FC<BlockProps> = ({url, width, renderWrap}) => {
-  return renderWrap(<Player src={url} height={50} hideVolume={width < 500} />);
+const SimplePlayerWrapper: React.FC<BlockProps> = ({url, isDark, width, renderWrap}) => {
+  return renderWrap(
+    <Player src={url} height={50} hideVolume={width < 500} grey={isDark ? [20, 23, 26] : [240, 243, 246]} />,
+  );
 };
 
 export default SimplePlayerWrapper;