diff --git a/flutter_monisuo/lib/ui/components/asset_card.dart b/flutter_monisuo/lib/ui/components/asset_card.dart
index 8cd3964..bedf820 100644
--- a/flutter_monisuo/lib/ui/components/asset_card.dart
+++ b/flutter_monisuo/lib/ui/components/asset_card.dart
@@ -52,9 +52,14 @@ class AssetCard extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     final theme = ShadTheme.of(context);
+    final colorScheme = Theme.of(context).colorScheme;
     final isDark = Theme.of(context).brightness == Brightness.dark;
     final cardGradient = gradient ?? defaultGradientBuilder(isDark);
 
+    // 主题感知颜色 - 在渐变背景上使用 onPrimary
+    final primaryTextColor = colorScheme.onPrimary;
+    final secondaryTextColor = colorScheme.onPrimary.withValues(alpha: 0.7);
+
     return GestureDetector(
       onTap: onTap,
       child: Container(
@@ -65,7 +70,7 @@ class AssetCard extends StatelessWidget {
           borderRadius: BorderRadius.circular(AppRadius.xl),
           boxShadow: [
             BoxShadow(
-              color: Colors.black.withValues(alpha: 0.1),
+              color: colorScheme.onSurface.withValues(alpha: 0.1),
               blurRadius: 10,
               offset: const Offset(0, 4),
             ),
@@ -79,13 +84,13 @@ class AssetCard extends StatelessWidget {
               children: [
                 Text(
                   title,
-                  style: theme.textTheme.small.copyWith(color: Colors.white70),
+                  style: theme.textTheme.small.copyWith(color: secondaryTextColor),
                 ),
                 const Spacer(),
                 if (onTap != null)
-                  const Icon(
+                  Icon(
                     LucideIcons.chevronRight,
-                    color: Colors.white70,
+                    color: secondaryTextColor,
                     size: 18,
                   ),
               ],
@@ -96,7 +101,7 @@ class AssetCard extends StatelessWidget {
               balance,
               style: theme.textTheme.h1.copyWith(
                 fontWeight: FontWeight.bold,
-                color: Colors.white,
+                color: primaryTextColor,
                 fontSize: 32,
               ),
             ),
@@ -107,13 +112,13 @@ class AssetCard extends StatelessWidget {
                 children: [
                   Icon(
                     isProfit == true ? LucideIcons.trendingUp : LucideIcons.trendingDown,
-                    color: Colors.white70,
+                    color: secondaryTextColor,
                     size: 16,
                   ),
                   const SizedBox(width: 6),
                   Text(
                     '盈亏: $profit',
-                    style: theme.textTheme.small.copyWith(color: Colors.white70),
+                    style: theme.textTheme.small.copyWith(color: secondaryTextColor),
                   ),
                 ],
               ),
@@ -123,7 +128,7 @@ class AssetCard extends StatelessWidget {
               const SizedBox(height: AppSpacing.lg),
               Row(
                 mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                children: items!.map((item) => _buildItem(item)).toList(),
+                children: items!.map((item) => _buildItem(item, primaryTextColor, secondaryTextColor)).toList(),
               ),
             ],
           ],
@@ -132,21 +137,21 @@ class AssetCard extends StatelessWidget {
     ).animate().fadeIn(duration: 400.ms).slideY(begin: 0.1, end: 0);
   }
 
-  Widget _buildItem(AssetItem item) {
+  Widget _buildItem(AssetItem item, Color primaryTextColor, Color secondaryTextColor) {
     return Column(
       crossAxisAlignment: CrossAxisAlignment.start,
       children: [
         Text(
           item.label,
-          style: const TextStyle(fontSize: 12, color: Colors.white70),
+          style: TextStyle(fontSize: 12, color: secondaryTextColor),
         ),
         const SizedBox(height: 4),
         Text(
           item.value,
-          style: const TextStyle(
+          style: TextStyle(
             fontSize: 18,
             fontWeight: FontWeight.w600,
-            color: Colors.white,
+            color: primaryTextColor,
           ),
         ),
       ],
diff --git a/flutter_monisuo/lib/ui/components/gradient_button.dart b/flutter_monisuo/lib/ui/components/gradient_button.dart
index fcc4cdb..9726b43 100644
--- a/flutter_monisuo/lib/ui/components/gradient_button.dart
+++ b/flutter_monisuo/lib/ui/components/gradient_button.dart
@@ -96,6 +96,9 @@ class GradientButton extends StatelessWidget {
     final buttonGradient = gradient ??
         (isDark ? AppColorScheme.darkCtaGradient : AppColorScheme.lightCtaGradient);
 
+    // 主题感知颜色 - 在渐变背景上使用 onPrimary
+    final textColor = colorScheme.onPrimary;
+
     return Container(
       width: isFullWidth ? double.infinity : null,
       height: height,
@@ -114,23 +117,23 @@ class GradientButton extends StatelessWidget {
               mainAxisAlignment: MainAxisAlignment.center,
               children: [
                 if (isLoading)
-                  const SizedBox(
+                  SizedBox(
                     width: 20,
                     height: 20,
                     child: CircularProgressIndicator(
                       strokeWidth: 2,
-                      color: Colors.white,
+                      color: textColor,
                     ),
                   )
                 else ...[
                   if (icon != null) ...[
-                    Icon(icon, size: 18, color: Colors.white),
+                    Icon(icon, size: 18, color: textColor),
                     SizedBox(width: AppSpacing.sm),
                   ],
                   Text(
                     text,
-                    style: const TextStyle(
-                      color: Colors.white,
+                    style: TextStyle(
+                      color: textColor,
                       fontSize: 16,
                       fontWeight: FontWeight.w600,
                     ),
diff --git a/flutter_monisuo/lib/ui/components/trade_button.dart b/flutter_monisuo/lib/ui/components/trade_button.dart
index 2ba783b..77c6c44 100644
--- a/flutter_monisuo/lib/ui/components/trade_button.dart
+++ b/flutter_monisuo/lib/ui/components/trade_button.dart
@@ -45,11 +45,15 @@ class TradeButton extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final colorScheme = Theme.of(context).colorScheme;
     final gradient = isBuy ? AppColorScheme.buyGradient : AppColorScheme.sellGradient;
     final text = isBuy
         ? '买入${coinCode != null ? ' $coinCode' : ''}'
         : '卖出${coinCode != null ? ' $coinCode' : ''}';
 
+    // 主题感知颜色 - 在渐变背景上使用 onPrimary
+    final textColor = colorScheme.onPrimary;
+
     return Container(
       width: fullWidth ? double.infinity : null,
       height: 48,
@@ -68,24 +72,24 @@ class TradeButton extends StatelessWidget {
               mainAxisAlignment: MainAxisAlignment.center,
               children: [
                 if (isLoading)
-                  const SizedBox.square(
+                  SizedBox.square(
                     dimension: 16,
                     child: CircularProgressIndicator(
                       strokeWidth: 2,
-                      color: Colors.white,
+                      color: textColor,
                     ),
                   )
                 else
                   Icon(
                     isBuy ? Icons.arrow_downward_rounded : Icons.arrow_upward_rounded,
                     size: 18,
-                    color: Colors.white,
+                    color: textColor,
                   ),
                 const SizedBox(width: 8),
                 Text(
                   text,
-                  style: const TextStyle(
-                    color: Colors.white,
+                  style: TextStyle(
+                    color: textColor,
                     fontSize: 16,
                     fontWeight: FontWeight.w600,
                   ),