update pay ui

src/views/Settings/SettingsPage.js

@@ -67,12 +67,12 @@ export default function SettingsPage() {
     const { colorMode, toggleColorMode } = useColorMode();
     const toast = useToast();
 
-    // 深色模式适配颜色
-    const headingColor = useColorModeValue('gray.800', 'white');
-    const textColor = useColorModeValue('gray.800', 'gray.100');
-    const subTextColor = useColorModeValue('gray.600', 'gray.400');
-    const cardBg = useColorModeValue('white', 'gray.800');
-    const borderColor = useColorModeValue('gray.200', 'gray.600');
+    // 深色模式固定颜色（Settings 页面始终使用深色主题）
+    const headingColor = 'white';
+    const textColor = 'gray.100';
+    const subTextColor = 'gray.400';
+    const cardBg = 'gray.800';
+    const borderColor = 'gray.600';
 
     // 🎯 初始化设置页面埋点Hook
     const profileEvents = useProfileEvents({ pageType: 'settings' });

src/views/ValueForum/PredictionTopicDetail.js

@@ -28,7 +28,7 @@ import {
   Crown,
   Users,
   Clock,
-  DollarSign,
+  Coins,
   ShoppingCart,
   ArrowLeftRight,
   CheckCircle2,
@@ -499,7 +499,7 @@ const PredictionTopicDetail = () => {
               >
                 <VStack spacing="4" align="stretch">
                   <HStack justify="center" spacing="2">
-                    <Icon as={DollarSign} boxSize="24px" color={forumColors.primary[500]} />
+                    <Icon as={Coins} boxSize="24px" color={forumColors.primary[500]} />
                     <Text fontSize="sm" fontWeight="600" color={forumColors.text.secondary}>
                       当前奖池
                     </Text>

src/views/ValueForum/components/PredictionTopicCard.js

@@ -23,7 +23,7 @@ import {
   Crown,
   Users,
   Clock,
-  DollarSign,
+  Coins,
   Zap,
 } from 'lucide-react';
 import { useNavigate } from 'react-router-dom';
@@ -272,7 +272,7 @@ const PredictionTopicCard = ({ topic }) => {
         {/* 奖池和数据 */}
         <HStack spacing="4" fontSize="sm" color={forumColors.text.secondary}>
           <HStack spacing="1">
-            <Icon as={DollarSign} boxSize="16px" color={forumColors.primary[500]} />
+            <Icon as={Coins} boxSize="16px" color={forumColors.primary[500]} />
             <Text fontWeight="600" color={forumColors.primary[500]}>
               {formatNumber(topic.total_pool)}
             </Text>

src/views/ValueForum/components/TradeModal.js

@@ -29,7 +29,7 @@ import {
   useToast,
   Badge,
 } from '@chakra-ui/react';
-import { TrendingUp, TrendingDown, DollarSign, AlertCircle, Zap } from 'lucide-react';
+import { TrendingUp, TrendingDown, Coins, AlertCircle, Zap } from 'lucide-react';
 import { motion } from 'framer-motion';
 import { forumColors } from '@theme/forumTheme';
 import {
@@ -231,7 +231,7 @@ const TradeModal = ({ isOpen, onClose, topic, mode = 'buy', onTradeSuccess }) =>
         >
           <HStack spacing="2">
             <Icon
-              as={mode === 'buy' ? Zap : DollarSign}
+              as={mode === 'buy' ? Zap : Coins}
               boxSize={{ base: "18px", sm: "20px" }}
               color={forumColors.primary[500]}
             />
@@ -384,7 +384,7 @@ const TradeModal = ({ isOpen, onClose, topic, mode = 'buy', onTradeSuccess }) =>
                   <SliderFilledTrack bg={forumColors.gradients.goldPrimary} />
                 </SliderTrack>
                 <SliderThumb boxSize={{ base: "7", sm: "6" }} bg={forumColors.primary[500]}>
-                  <Box as={Icon} as={DollarSign} boxSize={{ base: "14px", sm: "12px" }} color="white" />
+                  <Box as={Icon} as={Coins} boxSize={{ base: "14px", sm: "12px" }} color="white" />
                 </SliderThumb>
               </Slider>