80% opacity onSurfaceVariant instead of custom color

LNReader · Sep 26, 2024 · 4b63c71 · 4b63c71
1 parent 9f7eb3f
commit 4b63c71
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/screens/GlobalSearchScreen/components/GlobalSearchResultsList.tsx b/src/screens/GlobalSearchScreen/components/GlobalSearchResultsList.tsx
@@ -15,6 +15,7 @@ import { useLibraryNovels } from '@screens/library/hooks/useLibrary';
 import { LibraryNovelInfo } from '@database/types';
 import { switchNovelToLibrary } from '@database/queries/NovelQueries';
 import GlobalSearchSkeletonLoading from '@screens/browse/loadingAnimation/GlobalSearchSkeletonLoading';
+import { interpolateColor } from 'react-native-reanimated';
 
 interface GlobalSearchResultsListProps {
   searchResults: GlobalSearchResult[];
@@ -54,7 +55,11 @@ const GlobalSearchSourceResults: React.FC<{ item: GlobalSearchResult }> = ({
     );
 
   const errorColor = theme.isDark ? '#B3261E' : '#F2B8B5';
-  const noResultsColor = theme.isDark ? '#A1A1A1' : '#606060';
+  const noResultsColor = interpolateColor(
+    0.8,
+    [0, 1],
+    ['transparent', theme.onSurfaceVariant],
+  );
 
   const navigateToNovel = useCallback(
     (item: { name: string; path: string; pluginId: string }) =>