Use theme color more consistently

src/screens/Player/components/ProgressBar.tsx

@@ -3,6 +3,7 @@ import TrackPlayer from 'react-native-track-player';
 import styled from 'styled-components/native';
 import { Text } from 'react-native';
 import Slider from '@react-native-community/slider';
+import { THEME_COLOR } from 'CONSTANTS';
 
 const NumberBar = styled.View`
     flex-direction: row;
@@ -72,7 +73,7 @@ export default class ProgressBar extends Component<{}, State> {
                     maximumValue={duration || 0}
                     onValueChange={this.handleGesture}
                     onSlidingComplete={this.handleEndOfGesture}
-                    minimumTrackTintColor={'#FF3C00'}
+                    minimumTrackTintColor={THEME_COLOR}
                     disabled={!duration}
                 />
                 <NumberBar>

src/screens/Player/components/Queue.tsx

@@ -5,6 +5,7 @@ import styled, { css } from 'styled-components/native';
 import useCurrentTrack from 'utility/useCurrentTrack';
 import TouchableHandler from 'components/TouchableHandler';
 import usePlayTrack from 'utility/usePlayTrack';
+import { THEME_COLOR } from 'CONSTANTS';
 
 const QueueItem = styled.View<{ active?: boolean, alreadyPlayed?: boolean }>`
     padding: 10px;
@@ -13,7 +14,7 @@ const QueueItem = styled.View<{ active?: boolean, alreadyPlayed?: boolean }>`
 
     ${props => props.active && css`
         font-weight: 900;
-        background-color: #FF3C0016;
+        background-color: ${THEME_COLOR}16;
         padding: 20px 35px;
         margin: 0 -25px;
     `}