refactor(theme): 迁移主题感知颜色至 ThemeExtension

- 创建 AppThemeColors ThemeExtension 类，统一管理主题感知颜色（涨跌色、卡片背景、渐变等） - 从 AppColorScheme 移除主题感知辅助函数，仅保留静态颜色常量 - 在 AppTheme 中注册 ThemeExtension，支持深色/浅色主题工厂 - 重构所有 UI 组件使用 context.appColors 访问主题颜色，替代硬编码的 AppColorScheme 方法调用 - 移除组件中重复的 isDark 判断逻辑，简化颜色获取方式 - 保持向后兼容性，所有现有功能不变
2026-04-06 01:58:08 +08:00
parent 396668aa43
commit 7ed2435a4c
36 changed files with 658 additions and 810 deletions
--- a/flutter_monisuo/lib/ui/pages/mine/components/menu_group1.dart
+++ b/flutter_monisuo/lib/ui/pages/mine/components/menu_group1.dart
@@ -3,6 +3,7 @@ import 'package:lucide_icons_flutter/lucide_icons.dart';
 import 'package:shadcn_ui/shadcn_ui.dart';
 import '../../../../core/theme/app_color_scheme.dart';
 import '../../../../core/theme/app_spacing.dart';
+import '../../../../core/theme/app_theme_extension.dart';
 import '../kyc_page.dart';
 import '../welfare_center_page.dart';
 import 'menu_group_container.dart';
@@ -22,9 +23,6 @@ class MenuGroup1 extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
-    final colorScheme = Theme.of(context).colorScheme;
-    final isDark = Theme.of(context).brightness == Brightness.dark;
-
    return MenuGroupContainer(
      child: Column(
        children: [
@@ -44,7 +42,7 @@ class MenuGroup1 extends StatelessWidget {
          // 实名认证
          MenuRow(
            icon: LucideIcons.shieldCheck,
-            iconColor: AppColorScheme.getUpColor(isDark),
+            iconColor: context.appColors.up,
            title: '实名认证',
            trailing: KycBadge(kycStatus: kycStatus),
            onTap: () {
@@ -62,7 +60,7 @@ class MenuGroup1 extends StatelessWidget {
          // 安全设置
          MenuRow(
            icon: LucideIcons.lock,
-            iconColor: colorScheme.onSurfaceVariant,
+            iconColor: context.colors.onSurfaceVariant,
            title: '安全设置',
            onTap: () => onShowComingSoon('安全设置'),
          ),
@@ -70,7 +68,7 @@ class MenuGroup1 extends StatelessWidget {
          // 消息通知
          MenuRow(
            icon: LucideIcons.bell,
-            iconColor: colorScheme.onSurfaceVariant,
+            iconColor: context.colors.onSurfaceVariant,
            title: '消息通知',
            trailing: const RedDotIndicator(),
            onTap: () => onShowComingSoon('消息通知'),
--- a/flutter_monisuo/lib/ui/pages/mine/components/menu_group_container.dart
+++ b/flutter_monisuo/lib/ui/pages/mine/components/menu_group_container.dart
@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import '../../../../core/theme/app_spacing.dart';
+import '../../../../core/theme/app_theme_extension.dart';

 /// 菜单分组容器 - 统一的圆角卡片样式
 ///
@@ -12,19 +13,14 @@ class MenuGroupContainer extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
-    final colorScheme = Theme.of(context).colorScheme;
-    final isDark = Theme.of(context).brightness == Brightness.dark;
-
    return Container(
      width: double.infinity,
      clipBehavior: Clip.antiAlias,
      decoration: BoxDecoration(
-        color: isDark
-            ? colorScheme.surfaceContainer
-            : colorScheme.surfaceContainerHigh,
+        color: context.appColors.surfaceCard,
        borderRadius: BorderRadius.circular(AppRadius.lg),
        border: Border.all(
-          color: colorScheme.outlineVariant.withOpacity(0.15),
+          color: context.appColors.ghostBorder,
        ),
      ),
      child: child,
--- a/flutter_monisuo/lib/ui/pages/mine/components/menu_trailing_widgets.dart
+++ b/flutter_monisuo/lib/ui/pages/mine/components/menu_trailing_widgets.dart
@@ -4,6 +4,7 @@ import 'package:provider/provider.dart';
 import '../../../../core/theme/app_color_scheme.dart';
 import '../../../../core/theme/app_spacing.dart';
 import '../../../../core/theme/app_theme.dart';
+import '../../../../core/theme/app_theme_extension.dart';
 import '../../../../providers/theme_provider.dart';

 /// KYC 状态徽章 (e.g. "已认证" green badge + chevron)
@@ -18,9 +19,7 @@ class KycBadge extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
-    final isDark = Theme.of(context).brightness == Brightness.dark;
-    final green = AppColorScheme.getUpColor(isDark);
-    final colorScheme = Theme.of(context).colorScheme;
+    final green = context.appColors.up;

    if (kycStatus == 2) {
      return Row(
@@ -43,7 +42,7 @@ class KycBadge extends StatelessWidget {
          Icon(
            LucideIcons.chevronRight,
            size: 16,
-            color: colorScheme.onSurfaceVariant,
+            color: context.colors.onSurfaceVariant,
          ),
        ],
      );
@@ -70,7 +69,7 @@ class KycBadge extends StatelessWidget {
          Icon(
            LucideIcons.chevronRight,
            size: 16,
-            color: colorScheme.onSurfaceVariant,
+            color: context.colors.onSurfaceVariant,
          ),
        ],
      );
@@ -79,7 +78,7 @@ class KycBadge extends StatelessWidget {
    return Icon(
      LucideIcons.chevronRight,
      size: 16,
-      color: colorScheme.onSurfaceVariant,
+      color: context.colors.onSurfaceVariant,
    );
  }
 }
@@ -105,7 +104,7 @@ class RedDotIndicator extends StatelessWidget {
        Icon(
          LucideIcons.chevronRight,
          size: 16,
-          color: Theme.of(context).colorScheme.onSurfaceVariant,
+          color: context.colors.onSurfaceVariant,
        ),
      ],
    );
@@ -118,8 +117,6 @@ class DarkModeRow extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
-    final colorScheme = Theme.of(context).colorScheme;
-    final isDark = Theme.of(context).brightness == Brightness.dark;
    final themeProvider = context.watch<ThemeProvider>();

    return Padding(
@@ -131,16 +128,14 @@ class DarkModeRow extends StatelessWidget {
            width: 36,
            height: 36,
            decoration: BoxDecoration(
-              color: isDark
- ? colorScheme.surfaceContainerHigh
-              : colorScheme.surfaceContainerHighest,
+              color: context.appColors.surfaceCardHigh,
              borderRadius: BorderRadius.circular(8),
            ),
            child: Center(
              child: Icon(
                LucideIcons.moon,
                size: 18,
-                color: colorScheme.onSurfaceVariant,
+                color: context.colors.onSurfaceVariant,
              ),
            ),
          ),
@@ -160,9 +155,7 @@ class DarkModeRow extends StatelessWidget {
              height: 24,
              padding: const EdgeInsets.all(2),
              decoration: BoxDecoration(
-                color: isDark
- ? colorScheme.surfaceContainerHigh
-                  : colorScheme.surfaceContainerHighest,
+                color: context.appColors.surfaceCardHigh,
                borderRadius: BorderRadius.circular(12),
            ),
            child: AnimatedAlign(
@@ -174,7 +167,7 @@ class DarkModeRow extends StatelessWidget {
                width: 20,
                height: 20,
                decoration: BoxDecoration(
-                  color: colorScheme.onSurface,
+                  color: context.colors.onSurface,
                  shape: BoxShape.circle,
                ),
              ),
--- a/flutter_monisuo/lib/ui/pages/mine/components/profile_card.dart
+++ b/flutter_monisuo/lib/ui/pages/mine/components/profile_card.dart
@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:lucide_icons_flutter/lucide_icons.dart';
 import '../../../../core/theme/app_spacing.dart';
 import '../../../../core/theme/app_theme.dart';
+import '../../../../core/theme/app_theme_extension.dart';
 import 'avatar_circle.dart';

 /// 用户资料卡片 - 头像 + 用户名 + 徽章 + chevron
@@ -11,19 +12,14 @@ class ProfileCard extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
-    final colorScheme = Theme.of(context).colorScheme;
-    final isDark = Theme.of(context).brightness == Brightness.dark;
-
    return Container(
      width: double.infinity,
      padding: const EdgeInsets.all(20),
      decoration: BoxDecoration(
-        color: isDark
-            ? colorScheme.surfaceContainer
-            : colorScheme.surfaceContainerHigh,
+        color: context.appColors.surfaceCard,
        borderRadius: BorderRadius.circular(AppRadius.lg),
        border: Border.all(
-          color: colorScheme.outlineVariant.withValues(alpha: 0.15),
+          color: context.appColors.ghostBorder,
        ),
      ),
      child: Row(
@@ -58,7 +54,7 @@ class ProfileCard extends StatelessWidget {
          Icon(
            LucideIcons.chevronRight,
            size: 16,
-            color: colorScheme.onSurfaceVariant,
+            color: context.colors.onSurfaceVariant,
          ),
        ],
      ),