diff --git a/front/views/ArtistDetailsView.tsx b/front/views/ArtistDetailsView.tsx
index 15026b1..61a0328 100644
--- a/front/views/ArtistDetailsView.tsx
+++ b/front/views/ArtistDetailsView.tsx
@@ -1,4 +1,4 @@
-import { Box, Heading, useBreakpointValue, ScrollView, useColorModeValue } from 'native-base';
+import { Box, Heading, useBreakpointValue, ScrollView } from 'native-base';
 import { useQuery } from '../Queries';
 import { LoadingView } from '../components/Loading';
 import API from '../API';
@@ -16,7 +16,6 @@ const ArtistDetailsView = ({ artistId }: RouteProps<ArtistDetailsViewProps>) =>
 	const artistQuery = useQuery(API.getArtist(artistId));
 	const songsQuery = useQuery(API.getSongsByArtist(artistId));
 	const screenSize = useBreakpointValue({ base: 'small', md: 'big' });
-	const fadeColor = useColorModeValue('#ffffff', '#000000');
 	const isMobileView = screenSize == 'small';
 	const navigation = useNavigation();
 
diff --git a/front/views/GenreDetailsView.tsx b/front/views/GenreDetailsView.tsx
index d1d3990..e9c632e 100644
--- a/front/views/GenreDetailsView.tsx
+++ b/front/views/GenreDetailsView.tsx
@@ -1,4 +1,4 @@
-import { Flex, Heading, useBreakpointValue, ScrollView, useColorModeValue } from 'native-base';
+import { Flex, Heading, useBreakpointValue, ScrollView } from 'native-base';
 import { useQueries, useQuery } from '../Queries';
 import { LoadingView } from '../components/Loading';
 import { RouteProps, useNavigation } from '../Navigation';
@@ -28,7 +28,6 @@ const GenreDetailsView = ({ genreId }: RouteProps<GenreDetailsViewProps>) => {
 
 	const screenSize = useBreakpointValue({ base: 'small', md: 'big' });
 	const isMobileView = screenSize == 'small';
-	const fadeColor = useColorModeValue('#ffffff', '#000000');
 	const navigation = useNavigation();
 
 	if (genreQuery.isError || songsQuery.isError) {