Fancy new buttons and more consistent colors

src/screens/Settings/components/Cache.tsx

@@ -1,11 +1,16 @@
 import React, { useCallback } from 'react';
 import TrackPlayer from 'react-native-track-player';
 import { SubHeader } from 'components/Typography';
-import { Text, Button } from 'react-native';
-import { THEME_COLOR } from 'CONSTANTS';
 import { useDispatch } from 'react-redux';
 import music from 'store/music';
 import { t } from '@localisation';
+import Button from 'components/Button';
+import styled from 'styled-components/native';
+import Text from 'components/Text';
+
+const ClearCache = styled(Button)`
+    margin-top: 16px;
+`;
 
 export default function CacheSettings() {
     const dispatch = useDispatch();
@@ -21,7 +26,7 @@ export default function CacheSettings() {
         <>
             <SubHeader>{t('setting-cache')}</SubHeader>
             <Text>{t('setting-cache-description')}</Text>
-            <Button title={t('reset-cache')} onPress={handleClearCache} color={THEME_COLOR} />
+            <ClearCache title={t('reset-cache')} onPress={handleClearCache} />
         </>
     );
 }