调整详情页样式

components/match-detail/league-info.tsx

@@ -11,8 +11,10 @@ interface LeagueInfoProps {
 
 export function LeagueInfo({ data, isDark }: LeagueInfoProps) {
   const { match } = data;
-  const bgColor = isDark ? "#1C1C1E" : "#FFF";
-  const borderColor = isDark ? "#2C2C2E" : "#EEE";
+  // Force dark style for this component to match the header design language
+  const bgColor = "#121212";
+  const borderColor = "rgba(255,255,255,0.1)";
+  const textColor = "#FFF";
 
   return (
     <TouchableOpacity
@@ -26,26 +28,15 @@ export function LeagueInfo({ data, isDark }: LeagueInfoProps) {
         {match.leagueLogo ? (
           <Image source={{ uri: match.leagueLogo }} style={styles.leagueLogo} />
         ) : (
-          <View
-            style={[
-              styles.fallbackLogo,
-              { backgroundColor: isDark ? "#333" : "#F0F0F0" },
-            ]}
-          >
-            <IconSymbol
-              name="trophy-outline"
-              size={14}
-              color={isDark ? "#AAA" : "#888"}
-            />
+          <View style={[styles.fallbackLogo, { backgroundColor: "#333" }]}>
+            <IconSymbol name="trophy-outline" size={14} color="#AAA" />
           </View>
         )}
-        <ThemedText style={styles.leagueName}>{match.leagueName}</ThemedText>
+        <ThemedText style={[styles.leagueName, { color: textColor }]}>
+          {match.leagueName}
+        </ThemedText>
       </View>
-      <IconSymbol
-        name="chevron-forward"
-        size={16}
-        color={isDark ? "#666" : "#CCC"}
-      />
+      <IconSymbol name="chevron-forward" size={16} color="#888" />
     </TouchableOpacity>
   );
 }
@@ -56,7 +47,7 @@ const styles = StyleSheet.create({
     alignItems: "center",
     justifyContent: "space-between",
     paddingHorizontal: 16,
-    paddingVertical: 12,
+    paddingVertical: 14,
     borderBottomWidth: 1,
   },
   left: {