refactor(apps): 主题系统迁移至 ColorScheme + 扩展架构并支持 Dark Mode

2026-03-27 19:07:39 +08:00
parent ecc1ec6ce4
commit ae29a8209b
146 changed files with 4301 additions and 3200 deletions
@@ -2,7 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:lucide_icons/lucide_icons.dart';
 import 'package:social_app/core/l10n/l10n.dart';
 import '../../../../app/di/injection.dart';
-import '../../../../features/notification/data/services/local_notification_service.dart';
+import '../../../../data/services/local_notification_service.dart';
 import '../../../../core/theme/design_tokens.dart';
 import '../../../../shared/widgets/app_loading_indicator.dart';
 import '../../../../shared/widgets/app_selection_sheet.dart';
@@ -11,8 +11,10 @@ import '../../../../shared/widgets/back_title_page_header.dart';
 import '../../../../shared/widgets/toast/toast.dart';
 import '../../../../shared/widgets/toast/toast_type.dart';
 import 'date_time_picker_sheet.dart';
-import '../../data/models/schedule_item_model.dart';
-import '../../data/services/calendar_service.dart';
+import '../../../../data/repositories/models/schedule_item_model.dart';
+import '../../../../data/services/calendar_service.dart';
+
+final _defaultColors = AppColorPalette.light.eventPresetColors;

 class CreateEventSheet extends StatefulWidget {
  final DateTime? initialDate;
@@ -36,7 +38,9 @@ class CreateEventSheet extends StatefulWidget {
    return showModalBottomSheet(
      context: context,
      isScrollControlled: true,
-      backgroundColor: Colors.transparent,
+      backgroundColor: Theme.of(
+        context,
+      ).colorScheme.surface.withValues(alpha: 0),
      builder: (context) =>
          CreateEventSheet(initialDate: initialDate, onSaved: onSaved),
    );
@@ -50,7 +54,9 @@ class CreateEventSheet extends StatefulWidget {
    return showModalBottomSheet(
      context: context,
      isScrollControlled: true,
-      backgroundColor: Colors.transparent,
+      backgroundColor: Theme.of(
+        context,
+      ).colorScheme.surface.withValues(alpha: 0),
      builder: (context) =>
          CreateEventSheet(editingEvent: event, onSaved: onSaved),
    );
@@ -149,12 +155,13 @@ class _CreateEventSheetState extends State<CreateEventSheet>

  @override
  Widget build(BuildContext context) {
+    final colorScheme = Theme.of(context).colorScheme;
    if (widget.pageMode) {
      return GestureDetector(
        behavior: HitTestBehavior.translucent,
        onTap: () => FocusScope.of(context).unfocus(),
        child: Container(
-          color: AppColors.background,
+          color: colorScheme.surface,
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.stretch,
            children: [
@@ -175,8 +182,8 @@ class _CreateEventSheetState extends State<CreateEventSheet>
      ),
      child: Container(
        height: MediaQuery.of(context).size.height * 0.85,
-        decoration: const BoxDecoration(
-          color: AppColors.white,
+        decoration: BoxDecoration(
+          color: colorScheme.surface,
          borderRadius: BorderRadius.vertical(top: Radius.circular(20)),
        ),
        child: Column(
@@ -188,7 +195,7 @@ class _CreateEventSheetState extends State<CreateEventSheet>
                width: AppSpacing.xl + AppSpacing.sm,
                height: AppSpacing.xs,
                decoration: BoxDecoration(
-                  color: AppColors.slate200,
+                  color: colorScheme.outlineVariant,
                  borderRadius: BorderRadius.circular(AppRadius.full),
                ),
              ),
@@ -204,6 +211,7 @@ class _CreateEventSheetState extends State<CreateEventSheet>
  }

  Widget _buildPageHeader() {
+    final colorScheme = Theme.of(context).colorScheme;
    return BackTitlePageHeader(
      title: _isEditing
          ? context.l10n.calendarCreateEditTitle
@@ -226,14 +234,16 @@ class _CreateEventSheetState extends State<CreateEventSheet>
                  ? const AppLoadingIndicator(
                      variant: AppLoadingVariant.button,
                      size: 18,
-                      trackColor: AppColors.blue200,
+                      trackColor: null,
                    )
                  : Text(
                      context.l10n.commonSave,
                      style: TextStyle(
                        fontSize: 16,
                        fontWeight: FontWeight.w600,
-                        color: enabled ? AppColors.blue600 : AppColors.slate400,
+                        color: enabled
+                            ? colorScheme.primary
+                            : colorScheme.outline,
                      ),
                    ),
            ),
@@ -244,6 +254,7 @@ class _CreateEventSheetState extends State<CreateEventSheet>
  }

  Widget _buildHeader() {
+    final colorScheme = Theme.of(context).colorScheme;
    return Container(
      height: 56,
      padding: const EdgeInsets.symmetric(horizontal: 16),
@@ -261,10 +272,10 @@ class _CreateEventSheetState extends State<CreateEventSheet>
                  borderRadius: BorderRadius.circular(AppRadius.full),
                ),
              ),
-              child: const Icon(
+              child: Icon(
                LucideIcons.x,
                size: AppSpacing.xxl,
-                color: AppColors.slate700,
+                color: colorScheme.onSurfaceVariant,
              ),
            ),
          ),
@@ -272,10 +283,10 @@ class _CreateEventSheetState extends State<CreateEventSheet>
            _isEditing
                ? context.l10n.calendarCreateEditTitle
                : context.l10n.calendarCreateNewTitle,
-            style: const TextStyle(
+            style: TextStyle(
              fontSize: 17,
              fontWeight: FontWeight.w600,
-              color: AppColors.slate900,
+              color: colorScheme.onSurface,
            ),
          ),
          ValueListenableBuilder<TextEditingValue>(
@@ -297,7 +308,7 @@ class _CreateEventSheetState extends State<CreateEventSheet>
                      ? const AppLoadingIndicator(
                          variant: AppLoadingVariant.button,
                          size: 18,
-                          trackColor: AppColors.blue200,
+                          trackColor: null,
                        )
                      : Text(
                          context.l10n.commonSave,
@@ -305,8 +316,8 @@ class _CreateEventSheetState extends State<CreateEventSheet>
                            fontSize: 17,
                            fontWeight: FontWeight.w600,
                            color: enabled
-                                ? AppColors.blue600
-                                : AppColors.slate400,
+                                ? colorScheme.primary
+                                : colorScheme.outline,
                          ),
                        ),
                ),
@@ -319,15 +330,16 @@ class _CreateEventSheetState extends State<CreateEventSheet>
  }

  Widget _buildTabBar() {
+    final colorScheme = Theme.of(context).colorScheme;
    return Container(
-      decoration: const BoxDecoration(
-        border: Border(bottom: BorderSide(color: AppColors.border)),
+      decoration: BoxDecoration(
+        border: Border(bottom: BorderSide(color: colorScheme.outlineVariant)),
      ),
      child: TabBar(
        controller: _tabController,
-        labelColor: AppColors.blue600,
-        unselectedLabelColor: AppColors.slate600,
-        indicatorColor: AppColors.blue600,
+        labelColor: colorScheme.primary,
+        unselectedLabelColor: colorScheme.onSurfaceVariant,
+        indicatorColor: colorScheme.primary,
        tabs: [
          Tab(text: context.l10n.calendarCreateTabBasic),
          Tab(text: context.l10n.calendarCreateTabAdvanced),
@@ -491,15 +503,16 @@ class _CreateEventSheetState extends State<CreateEventSheet>
    bool isOptional = false,
    DateTime? minTime,
  }) {
+    final colorScheme = Theme.of(context).colorScheme;
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Text(
          isOptional ? context.l10n.calendarCreateOptionalField(label) : label,
-          style: const TextStyle(
+          style: TextStyle(
            fontSize: 14,
            fontWeight: FontWeight.w600,
-            color: AppColors.slate700,
+            color: colorScheme.onSurfaceVariant,
          ),
        ),
        const SizedBox(height: 8),
@@ -515,33 +528,33 @@ class _CreateEventSheetState extends State<CreateEventSheet>
          child: Container(
            padding: const EdgeInsets.all(AppSpacing.md),
            decoration: BoxDecoration(
-              color: AppColors.slate50,
+              color: colorScheme.surfaceContainerLowest,
              borderRadius: BorderRadius.circular(AppRadius.md),
-              border: Border.all(color: AppColors.borderSecondary),
+              border: Border.all(color: colorScheme.outlineVariant),
            ),
            child: Row(
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
-                const Icon(
+                Icon(
                  LucideIcons.calendar,
                  size: 16,
-                  color: AppColors.slate600,
+                  color: colorScheme.onSurfaceVariant,
                ),
                const SizedBox(width: AppSpacing.sm),
                Expanded(
                  child: Text(
                    _formatDateTimeLabel(date, time),
-                    style: const TextStyle(
+                    style: TextStyle(
                      fontSize: 15,
                      fontWeight: FontWeight.w500,
-                      color: AppColors.slate900,
+                      color: colorScheme.onSurface,
                    ),
                  ),
                ),
-                const Icon(
+                Icon(
                  LucideIcons.chevronRight,
                  size: 16,
-                  color: AppColors.slate400,
+                  color: colorScheme.outline,
                ),
              ],
            ),
@@ -568,7 +581,9 @@ class _CreateEventSheetState extends State<CreateEventSheet>
  }) async {
    final result = await showModalBottomSheet<(DateTime, DateTime)>(
      context: context,
-      backgroundColor: Colors.transparent,
+      backgroundColor: Theme.of(
+        context,
+      ).colorScheme.surface.withValues(alpha: 0),
      isScrollControlled: true,
      builder: (context) => DateTimePickerSheet(
        initialDate: date,
@@ -580,6 +595,7 @@ class _CreateEventSheetState extends State<CreateEventSheet>
  }

  Widget _buildColorPicker() {
+    final colorScheme = Theme.of(context).colorScheme;
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
@@ -588,15 +604,19 @@ class _CreateEventSheetState extends State<CreateEventSheet>
          style: TextStyle(
            fontSize: 14,
            fontWeight: FontWeight.w600,
-            color: AppColors.slate700,
+            color: colorScheme.onSurfaceVariant,
          ),
        ),
        const SizedBox(height: 8),
        Row(
-          children: defaultColors.map((color) {
+          children: _defaultColors.map((color) {
            final colorHex =
                '#${color.toARGB32().toRadixString(16).substring(2).toUpperCase()}';
            final isSelected = _selectedColor == colorHex;
+            final checkColor =
+                ThemeData.estimateBrightnessForColor(color) == Brightness.dark
+                ? Colors.white
+                : Colors.black;
            return GestureDetector(
              onTap: () => setState(() => _selectedColor = colorHex),
              child: Container(
@@ -607,11 +627,11 @@ class _CreateEventSheetState extends State<CreateEventSheet>
                  color: color,
                  shape: BoxShape.circle,
                  border: isSelected
-                      ? Border.all(color: AppColors.slate900, width: 2)
+                      ? Border.all(color: colorScheme.onSurface, width: 2)
                      : null,
                ),
                child: isSelected
-                    ? const Icon(Icons.check, size: 16, color: Colors.white)
+                    ? Icon(Icons.check, size: 16, color: checkColor)
                    : null,
              ),
            );
@@ -622,6 +642,7 @@ class _CreateEventSheetState extends State<CreateEventSheet>
  }

  Widget _buildReminderPicker() {
+    final colorScheme = Theme.of(context).colorScheme;
    String labelOf(int? value) {
      if (value == null) {
        return context.l10n.calendarCreateReminderNone;
@@ -640,7 +661,7 @@ class _CreateEventSheetState extends State<CreateEventSheet>
          style: TextStyle(
            fontSize: 14,
            fontWeight: FontWeight.w600,
-            color: AppColors.slate700,
+            color: colorScheme.onSurfaceVariant,
          ),
        ),
        const SizedBox(height: 8),
@@ -666,9 +687,9 @@ class _CreateEventSheetState extends State<CreateEventSheet>
            width: double.infinity,
            padding: const EdgeInsets.all(AppSpacing.md),
            decoration: BoxDecoration(
-              color: AppColors.slate50,
+              color: colorScheme.surfaceContainerLowest,
              borderRadius: BorderRadius.circular(AppRadius.md),
-              border: Border.all(color: AppColors.borderSecondary),
+              border: Border.all(color: colorScheme.outlineVariant),
            ),
            child: Row(
              crossAxisAlignment: CrossAxisAlignment.center,
@@ -676,17 +697,17 @@ class _CreateEventSheetState extends State<CreateEventSheet>
                Expanded(
                  child: Text(
                    labelOf(_reminderMinutes),
-                    style: const TextStyle(
+                    style: TextStyle(
                      fontSize: 15,
                      fontWeight: FontWeight.w500,
-                      color: AppColors.slate900,
+                      color: colorScheme.onSurface,
                    ),
                  ),
                ),
-                const Icon(
+                Icon(
                  LucideIcons.chevronRight,
                  size: 16,
-                  color: AppColors.slate400,
+                  color: colorScheme.outline,
                ),
              ],
            ),