refactor(client): 设置/外壳颜色迁移到 context.tokens

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-25 00:10:15 +08:00
parent 9c2a73c4b6
commit 8ef2424090
2 changed files with 102 additions and 102 deletions
@@ -12,7 +12,7 @@ import '../../core/config/app_config.dart';
 import '../../core/config/app_info.dart';
 import '../../core/config/license_copy.dart';
 import '../../core/responsive/responsive.dart';
-import '../../core/theme/app_theme.dart';
+import '../../core/theme/context_tokens.dart';
 import '../../models/number_rule.dart';
 import '../../models/user.dart';
 import '../../providers/license_provider.dart';
@@ -48,16 +48,16 @@ class _SettingsScreenState extends ConsumerState<SettingsScreen> {
      child: Column(
        children: [
          Container(
-            color: AppTheme.surface,
-            child: const TabBar(
+            color: context.tokens.surface,
+            child: TabBar(
              isScrollable: true,
-              labelColor: AppTheme.primary,
-              unselectedLabelColor: AppTheme.textSecondary,
-              indicatorColor: AppTheme.primary,
+              labelColor: context.tokens.primary,
+              unselectedLabelColor: context.tokens.muted,
+              indicatorColor: context.tokens.primary,
              indicatorWeight: 2,
              labelStyle:
-                  TextStyle(fontSize: 14, fontWeight: FontWeight.w500),
-              tabs: [
+                  const TextStyle(fontSize: 14, fontWeight: FontWeight.w500),
+              tabs: const [
                Tab(text: '酒行信息'),
                Tab(text: '用户管理'),
                Tab(text: '编号规则'),
@@ -95,10 +95,10 @@ class _SettingsScreenState extends ConsumerState<SettingsScreen> {
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
-            const Icon(Icons.cloud_off, size: 40, color: AppTheme.textSecondary),
+            Icon(Icons.cloud_off, size: 40, color: context.tokens.muted),
            const SizedBox(height: 12),
-            const Text('暂无数据，网络不可用',
-                style: TextStyle(color: AppTheme.textSecondary)),
+            Text('暂无数据，网络不可用',
+                style: TextStyle(color: context.tokens.muted)),
            const SizedBox(height: 12),
            ElevatedButton(
              onPressed: () => ref.invalidate(shopInfoProvider),
@@ -115,8 +115,8 @@ class _SettingsScreenState extends ConsumerState<SettingsScreen> {
            const Text('酒行信息',
                style: TextStyle(fontSize: 16, fontWeight: FontWeight.w600)),
            const SizedBox(height: 4),
-            const Text('门店的基本信息，仅管理员可编辑',
-                style: TextStyle(fontSize: 13, color: AppTheme.textSecondary)),
+            Text('门店的基本信息，仅管理员可编辑',
+                style: TextStyle(fontSize: 13, color: context.tokens.muted)),
            const SizedBox(height: 16),
            Card(
              child: Padding(
@@ -136,7 +136,7 @@ class _SettingsScreenState extends ConsumerState<SettingsScreen> {
                                style: const TextStyle(fontSize: 16, fontWeight: FontWeight.w600)),
                            const SizedBox(height: 4),
                            Text(shop.code.isNotEmpty ? shop.code : '—',
-                                style: const TextStyle(fontSize: 13, color: AppTheme.textSecondary)),
+                                style: TextStyle(fontSize: 13, color: context.tokens.muted)),
                          ],
                        ),
                      ],
@@ -192,7 +192,7 @@ class _SettingsScreenState extends ConsumerState<SettingsScreen> {
      children: [
        Container(
          height: 52,
-          color: AppTheme.surface,
+          color: context.tokens.surface,
          padding: const EdgeInsets.symmetric(horizontal: 12),
          child: Row(
            children: [
@@ -214,10 +214,10 @@ class _SettingsScreenState extends ConsumerState<SettingsScreen> {
              child: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
-                  const Icon(Icons.cloud_off, size: 40, color: AppTheme.textSecondary),
+                  Icon(Icons.cloud_off, size: 40, color: context.tokens.muted),
                  const SizedBox(height: 12),
-                  const Text('暂无数据，网络不可用',
-                      style: const TextStyle(color: AppTheme.textSecondary)),
+                  Text('暂无数据，网络不可用',
+                      style: TextStyle(color: context.tokens.muted)),
                  const SizedBox(height: 12),
                  ElevatedButton(
                    onPressed: () => ref.read(userListProvider.notifier).reload(),
@@ -244,13 +244,13 @@ class _SettingsScreenState extends ConsumerState<SettingsScreen> {
                              CircleAvatar(
                                radius: 14,
                                backgroundColor:
-                                    AppTheme.primary.withOpacity(0.15),
+                                    context.tokens.primary.withOpacity(0.15),
                                child: Text(
                                  (u.realName ?? u.username)
                                      .substring(0, 1),
-                                  style: const TextStyle(
+                                  style: TextStyle(
                                      fontSize: 12,
-                                      color: AppTheme.primary,
+                                      color: context.tokens.primary,
                                      fontWeight: FontWeight.w600),
                                ),
                              ),
@@ -314,8 +314,8 @@ class _SettingsScreenState extends ConsumerState<SettingsScreen> {
          const Text('授权信息',
              style: TextStyle(fontSize: 16, fontWeight: FontWeight.w600)),
          const SizedBox(height: 4),
-          const Text('当前门店的授权状态与设备绑定',
-              style: TextStyle(fontSize: 13, color: AppTheme.textSecondary)),
+          Text('当前门店的授权状态与设备绑定',
+              style: TextStyle(fontSize: 13, color: context.tokens.muted)),
          const SizedBox(height: 16),
          Card(
            child: Padding(
@@ -366,11 +366,11 @@ class _SettingsScreenState extends ConsumerState<SettingsScreen> {
          padding: const EdgeInsets.symmetric(vertical: 8),
          child: Row(
            children: [
-              const SizedBox(
+              SizedBox(
                width: 180,
                child: Text('授权状态',
                    style: TextStyle(
-                        fontSize: 14, color: AppTheme.textSecondary)),
+                        fontSize: 14, color: context.tokens.muted)),
              ),
              Text(phaseText,
                  style: TextStyle(
@@ -405,19 +405,19 @@ class _SettingsScreenState extends ConsumerState<SettingsScreen> {
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Row(
-              children: const [
+              children: [
                Icon(Icons.info_outline,
-                    size: 16, color: AppTheme.textSecondary),
-                SizedBox(width: 6),
-                Text('过期说明',
+                    size: 16, color: context.tokens.muted),
+                const SizedBox(width: 6),
+                const Text('过期说明',
                    style:
                        TextStyle(fontSize: 14, fontWeight: FontWeight.w600)),
              ],
            ),
            const SizedBox(height: 4),
-            const Text('授权到期后会分阶段降级，请在到期前及时续费',
+            Text('授权到期后会分阶段降级，请在到期前及时续费',
                style:
-                    TextStyle(fontSize: 13, color: AppTheme.textSecondary)),
+                    TextStyle(fontSize: 13, color: context.tokens.muted)),
            const SizedBox(height: 12),
            for (final note in LicenseCopy.degradationNotes())
              Padding(
@@ -425,10 +425,10 @@ class _SettingsScreenState extends ConsumerState<SettingsScreen> {
                child: Row(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
-                    const Padding(
-                      padding: EdgeInsets.only(top: 6, right: 8),
+                    Padding(
+                      padding: const EdgeInsets.only(top: 6, right: 8),
                      child: Icon(Icons.circle,
-                          size: 5, color: AppTheme.textSecondary),
+                          size: 5, color: context.tokens.muted),
                    ),
                    Expanded(
                      child: Text(note,
@@ -455,9 +455,9 @@ class _SettingsScreenState extends ConsumerState<SettingsScreen> {
                style:
                    TextStyle(fontSize: 14, fontWeight: FontWeight.w600)),
            const SizedBox(height: 8),
-            const Text('输入购买或活动获得的激活码，时长将叠加到当前授权之后',
+            Text('输入购买或活动获得的激活码，时长将叠加到当前授权之后',
                style: TextStyle(
-                    fontSize: 13, color: AppTheme.textSecondary)),
+                    fontSize: 13, color: context.tokens.muted)),
            const SizedBox(height: 12),
            Row(
              children: [
@@ -509,8 +509,8 @@ class _SettingsScreenState extends ConsumerState<SettingsScreen> {
      await ref.read(licenseProvider.notifier).reload();
      if (mounted) {
        ScaffoldMessenger.of(context).showSnackBar(
-          const SnackBar(
-              content: Text('兑换成功，授权已更新'), backgroundColor: AppTheme.success),
+          SnackBar(
+              content: const Text('兑换成功，授权已更新'), backgroundColor: context.tokens.success),
        );
      }
    } catch (e) {
@@ -518,7 +518,7 @@ class _SettingsScreenState extends ConsumerState<SettingsScreen> {
        ScaffoldMessenger.of(context).showSnackBar(
          SnackBar(
              content: Text(e.toString()),
-              backgroundColor: AppTheme.danger),
+              backgroundColor: context.tokens.danger),
        );
      }
    } finally {
@@ -571,10 +571,10 @@ class _SettingsScreenState extends ConsumerState<SettingsScreen> {
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
-            const Icon(Icons.cloud_off, size: 40, color: AppTheme.textSecondary),
+            Icon(Icons.cloud_off, size: 40, color: context.tokens.muted),
                const SizedBox(height: 12),
-                const Text('暂无数据，网络不可用',
-                style: const TextStyle(color: AppTheme.textSecondary)),
+                Text('暂无数据，网络不可用',
+                style: TextStyle(color: context.tokens.muted)),
            const SizedBox(height: 12),
            ElevatedButton(
              onPressed: () =>
@@ -593,9 +593,9 @@ class _SettingsScreenState extends ConsumerState<SettingsScreen> {
                style:
                    TextStyle(fontSize: 16, fontWeight: FontWeight.w600)),
            const SizedBox(height: 4),
-            const Text('配置各类单据的自动编号规则，修改后对新建单据生效',
+            Text('配置各类单据的自动编号规则，修改后对新建单据生效',
                style: TextStyle(
-                    fontSize: 13, color: AppTheme.textSecondary)),
+                    fontSize: 13, color: context.tokens.muted)),
            const SizedBox(height: 16),
            Card(
              child: DataTable(
@@ -618,20 +618,20 @@ class _SettingsScreenState extends ConsumerState<SettingsScreen> {
                            padding: const EdgeInsets.symmetric(
                                horizontal: 8, vertical: 2),
                            decoration: BoxDecoration(
-                              color: AppTheme.primary.withOpacity(0.1),
+                              color: context.tokens.primary.withOpacity(0.1),
                              borderRadius: BorderRadius.circular(3),
                            ),
                            child: Text(r.prefix,
-                                style: const TextStyle(
-                                    color: AppTheme.primary,
+                                style: TextStyle(
+                                    color: context.tokens.primary,
                                    fontFamily: 'monospace',
                                    fontSize: 13,
                                    fontWeight: FontWeight.w600)),
                          )),
                          DataCell(Text(r.dateFormat,
-                              style: const TextStyle(
+                              style: TextStyle(
                                  fontSize: 12,
-                                  color: AppTheme.textSecondary))),
+                                  color: context.tokens.muted))),
                          DataCell(Text(r.exampleNo,
                              style: const TextStyle(
                                  fontFamily: 'monospace', fontSize: 12))),
@@ -694,9 +694,9 @@ class _SettingsScreenState extends ConsumerState<SettingsScreen> {
                });
                if (context.mounted) {
                  ScaffoldMessenger.of(context).showSnackBar(
-                    const SnackBar(
-                        content: Text('编号规则已更新'),
-                        backgroundColor: AppTheme.success),
+                    SnackBar(
+                        content: const Text('编号规则已更新'),
+                        backgroundColor: context.tokens.success),
                  );
                }
              } catch (e) {
@@ -704,7 +704,7 @@ class _SettingsScreenState extends ConsumerState<SettingsScreen> {
                  ScaffoldMessenger.of(context).showSnackBar(
                    SnackBar(
                        content: Text('更新失败：$e'),
-                        backgroundColor: AppTheme.danger),
+                        backgroundColor: context.tokens.danger),
                  );
                }
              }
@@ -731,8 +731,8 @@ class _SettingsScreenState extends ConsumerState<SettingsScreen> {
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
-                  const Text('基本设置',
-                      style: TextStyle(fontSize: 14, fontWeight: FontWeight.w600, color: AppTheme.primaryDark)),
+                  Text('基本设置',
+                      style: TextStyle(fontSize: 14, fontWeight: FontWeight.w600, color: context.tokens.primaryDark)),
                  const Divider(height: 24),
                  _ParamRow(
                    label: '系统名称',
@@ -759,8 +759,8 @@ class _SettingsScreenState extends ConsumerState<SettingsScreen> {
                        (v) => setState(() => _sysTimezone = v)),
                  ),
                  const SizedBox(height: 16),
-                  const Text('审核设置',
-                      style: TextStyle(fontSize: 14, fontWeight: FontWeight.w600, color: AppTheme.primaryDark)),
+                  Text('审核设置',
+                      style: TextStyle(fontSize: 14, fontWeight: FontWeight.w600, color: context.tokens.primaryDark)),
                  const Divider(height: 24),
                  _ParamRow(
                    label: '入库单需要审核',
@@ -792,9 +792,9 @@ class _SettingsScreenState extends ConsumerState<SettingsScreen> {
            children: [
              ElevatedButton(
                onPressed: () {
-                  ScaffoldMessenger.of(context).showSnackBar(const SnackBar(
-                      content: Text('设置已保存'),
-                      backgroundColor: AppTheme.success));
+                  ScaffoldMessenger.of(context).showSnackBar(SnackBar(
+                      content: const Text('设置已保存'),
+                      backgroundColor: context.tokens.success));
                },
                child: const Text('保存设置'),
              ),
@@ -943,14 +943,14 @@ class _UserFormDialogState extends ConsumerState<_UserFormDialog> {
        widget.onSaved();
        ScaffoldMessenger.of(context).showSnackBar(SnackBar(
          content: Text(_isEdit ? '用户更新成功' : '用户创建成功'),
-          backgroundColor: AppTheme.success,
+          backgroundColor: context.tokens.success,
        ));
      }
    } catch (e) {
      if (mounted) {
        ScaffoldMessenger.of(context).showSnackBar(SnackBar(
          content: Text('保存失败：$e'),
-          backgroundColor: AppTheme.danger,
+          backgroundColor: context.tokens.danger,
        ));
      }
    } finally {
@@ -1054,16 +1054,16 @@ class _ResetPasswordDialogState extends ConsumerState<_ResetPasswordDialog> {
      await ref.read(userListProvider.notifier).resetPassword(widget.user.id, _ctrl.text);
      if (mounted) {
        Navigator.of(context).pop();
-        ScaffoldMessenger.of(context).showSnackBar(const SnackBar(
-          content: Text('密码已重置'),
-          backgroundColor: AppTheme.success,
+        ScaffoldMessenger.of(context).showSnackBar(SnackBar(
+          content: const Text('密码已重置'),
+          backgroundColor: context.tokens.success,
        ));
      }
    } catch (e) {
      if (mounted) {
        ScaffoldMessenger.of(context).showSnackBar(SnackBar(
          content: Text('重置失败：$e'),
-          backgroundColor: AppTheme.danger,
+          backgroundColor: context.tokens.danger,
        ));
      }
    } finally {
@@ -1112,19 +1112,19 @@ class _RoleBadge extends StatelessWidget {
    switch (role) {
      case '超级管理员':
        bg = const Color(0xFFFCE4EC);
-        fg = AppTheme.danger;
+        fg = context.tokens.danger;
        break;
      case '管理员':
        bg = const Color(0xFFE3F2FD);
-        fg = AppTheme.primary;
+        fg = context.tokens.primary;
        break;
      case '操作员':
        bg = const Color(0xFFE8F5E9);
-        fg = AppTheme.success;
+        fg = context.tokens.success;
        break;
      default:
        bg = const Color(0xFFF5F5F5);
-        fg = AppTheme.textSecondary;
+        fg = context.tokens.muted;
    }
    return Container(
      padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2),
@@ -1158,8 +1158,8 @@ class _ParamRow extends StatelessWidget {
          SizedBox(
            width: 180,
            child: Text(label,
-                style: const TextStyle(
-                    fontSize: 14, color: AppTheme.textSecondary)),
+                style: TextStyle(
+                    fontSize: 14, color: context.tokens.muted)),
          ),
          if (switchValue != null)
            Switch(
@@ -1247,8 +1247,8 @@ class _ShopInfoRow extends StatelessWidget {
          SizedBox(
            width: 88,
            child: Text(label,
-                style: const TextStyle(
-                    fontSize: 14, color: AppTheme.textSecondary)),
+                style: TextStyle(
+                    fontSize: 14, color: context.tokens.muted)),
          ),
          Expanded(
            child: Text(value,
@@ -1314,16 +1314,16 @@ class _ShopEditDialogState extends ConsumerState<_ShopEditDialog> {
      await ref.read(shopRepositoryProvider).uploadLogo(file.bytes!, file.name);
      ref.invalidate(shopInfoProvider);
      if (mounted) {
-        ScaffoldMessenger.of(context).showSnackBar(const SnackBar(
-          content: Text('Logo 已更新'),
-          backgroundColor: AppTheme.success,
+        ScaffoldMessenger.of(context).showSnackBar(SnackBar(
+          content: const Text('Logo 已更新'),
+          backgroundColor: context.tokens.success,
        ));
      }
    } catch (e) {
      if (mounted) {
        ScaffoldMessenger.of(context).showSnackBar(SnackBar(
          content: Text('上传失败：$e'),
-          backgroundColor: AppTheme.danger,
+          backgroundColor: context.tokens.danger,
        ));
      }
    } finally {
@@ -1344,16 +1344,16 @@ class _ShopEditDialogState extends ConsumerState<_ShopEditDialog> {
      if (mounted) {
        Navigator.of(context).pop();
        widget.onSaved();
-        ScaffoldMessenger.of(context).showSnackBar(const SnackBar(
-          content: Text('信息已更新'),
-          backgroundColor: AppTheme.success,
+        ScaffoldMessenger.of(context).showSnackBar(SnackBar(
+          content: const Text('信息已更新'),
+          backgroundColor: context.tokens.success,
        ));
      }
    } catch (e) {
      if (mounted) {
        ScaffoldMessenger.of(context).showSnackBar(SnackBar(
          content: Text('保存失败：$e'),
-          backgroundColor: AppTheme.danger,
+          backgroundColor: context.tokens.danger,
        ));
      }
    } finally {