mobile: consistent dark theme as desktop

js/mobile/src/features/networks/NetworkListScreen.tsx

@@ -13,6 +13,8 @@ import { useNetworks } from "@/hooks/use-networks";
 import { useAuthStore } from "@/stores/auth-store";
 import { toUserMessage } from "@/lib/errors";
 import type { RootStackScreenProps } from "@/navigation/types";
+import { FlowyLogo } from "@/components/FlowyLogo";
+import { ListSeparator } from "@/components/ListSeparator";
 import { Drawer } from "./Drawer";
 
 export function NetworkListScreen({
@@ -48,7 +50,7 @@ export function NetworkListScreen({
             {initials}
           </Text>
         </Pressable>
-        <Text className="text-foreground text-base font-semibold">Flowy</Text>
+        <FlowyLogo />
         <View className="w-9" />
       </View>
 
@@ -71,10 +73,10 @@ export function NetworkListScreen({
         <FlatList
           data={data}
           keyExtractor={(item) => item.id}
-          contentContainerClassName="p-4 gap-2"
           refreshControl={
             <RefreshControl refreshing={refreshing} onRefresh={onRefresh} />
           }
+          ItemSeparatorComponent={ListSeparator}
           renderItem={({ item }) => (
             <NetworkCard
               network={item}
@@ -106,10 +108,10 @@ function NetworkCard({
   return (
     <Pressable
       onPress={onPress}
-      className="bg-card border-border active:bg-accent rounded-lg border px-4 py-4 flex-row items-center justify-between"
+      className="active:bg-accent flex-row items-center justify-between px-4 py-4"
     >
       <View className="flex-1">
-        <Text className="text-card-foreground text-base font-semibold">
+        <Text className="text-foreground text-base font-semibold">
           {network.name}
         </Text>
         <Text className="text-muted-foreground text-sm">