From 03aee783da0b18587afb7a53bda57da6f655c190 Mon Sep 17 00:00:00 2001
From: Developer <dev@bilibili-app.local>
Date: Tue, 24 Mar 2026 21:49:51 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20FollowedLiveStrip=20=E8=83=8C=E6=99=AF?=
 =?UTF-8?q?=E8=89=B2/=E5=A4=B4=E5=83=8F=E5=8D=A0=E4=BD=8D/=E4=B8=BB?=
 =?UTF-8?q?=E6=92=AD=E5=90=8D=E8=B7=9F=E9=9A=8F=E4=B8=BB=E9=A2=98=E5=88=87?=
 =?UTF-8?q?=E6=8D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/FollowedLiveStrip.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/components/FollowedLiveStrip.tsx b/components/FollowedLiveStrip.tsx
index a2a465d..150bcb1 100644
--- a/components/FollowedLiveStrip.tsx
+++ b/components/FollowedLiveStrip.tsx
@@ -12,12 +12,14 @@ import { useAuthStore } from "../store/authStore";
 import { getFollowedLiveRooms } from "../services/bilibili";
 import { LivePulse } from "./LivePulse";
 import { proxyImageUrl } from "../utils/imageUrl";
+import { useTheme } from "../utils/theme";
 import type { LiveRoom } from "../services/types";
 
 export function FollowedLiveStrip() {
   const { sessdata } = useAuthStore();
   const [rooms, setRooms] = useState<LiveRoom[]>([]);
   const router = useRouter();
+  const theme = useTheme();
 
   useEffect(() => {
     if (!sessdata) return;
@@ -29,7 +31,7 @@ export function FollowedLiveStrip() {
   if (!sessdata || rooms.length === 0) return null;
 
   return (
-    <View style={styles.container}>
+    <View style={[styles.container, { backgroundColor: theme.bg }]}>
       <ScrollView
         horizontal
         showsHorizontalScrollIndicator={false}
@@ -48,9 +50,9 @@ export function FollowedLiveStrip() {
             </View>
             <Image
               source={{ uri: proxyImageUrl(room.face) }}
-              style={styles.avatar}
+              style={[styles.avatar, { backgroundColor: theme.card }]}
             />
-            <Text style={styles.name} numberOfLines={1}>
+            <Text style={[styles.name, { color: theme.text }]} numberOfLines={1}>
               {room.uname.length > 5 ? room.uname.slice(0, 5) : room.uname}
             </Text>
           </TouchableOpacity>