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

This commit is contained in:
qzl
2026-03-27 19:07:39 +08:00
parent ecc1ec6ce4
commit ae29a8209b
146 changed files with 4301 additions and 3200 deletions
@@ -5,15 +5,15 @@ import 'package:flutter/services.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:go_router/go_router.dart';
import 'package:image_picker/image_picker.dart';
import 'package:social_app/core/chat/agent_stage.dart';
import '../../../../core/network/api_exception.dart';
import '../../../../app/di/injection.dart';
import '../../../../app/router/app_route_observer.dart';
import '../../../../app/router/app_routes.dart';
import '../../../../core/l10n/l10n.dart';
import '../../../../core/theme/design_tokens.dart';
import '../../../chat/presentation/bloc/agent_stage.dart';
import '../../../../data/repositories/inbox_repository.dart';
import '../../../chat/presentation/bloc/chat_bloc.dart';
import '../../../messages/data/inbox_api.dart';
import '../../data/voice_recorder.dart';
import '../controllers/home_keyboard_inset_calculator.dart';
import '../controllers/home_message_viewport_controller.dart';
@@ -47,9 +47,6 @@ const homeConversationStageKey = ValueKey('home_conversation_stage');
const homeBottomInputStackKey = ValueKey('home_bottom_input_stack');
const homeEmptyStateAmbientKey = ValueKey('home_empty_state_ambient');
/// Color constants.
const _chatBgColor = AppColors.slate50;
class HomeScreen extends StatefulWidget {
final VoiceRecorder? voiceRecorder;
final Future<String> Function(String filePath)? onTranscribeAudio;
@@ -76,7 +73,7 @@ class _HomeScreenState extends State<HomeScreen>
final ScrollController _scrollController = ScrollController();
late final ChatBloc _chatBloc;
late final VoiceRecorder _voiceRecorder;
late final InboxApi _inboxApi;
late final InboxRepository _inboxRepository;
late final Future<String> Function(String filePath) _transcribeAudio;
late final AnimationController _listeningAnimationController;
bool _isRecording = false;
@@ -113,7 +110,7 @@ class _HomeScreenState extends State<HomeScreen>
_chatBloc = context.read<ChatBloc>();
}
_voiceRecorder = widget.voiceRecorder ?? RecordVoiceRecorder();
_inboxApi = sl<InboxApi>();
_inboxRepository = sl<InboxRepository>();
_transcribeAudio =
widget.onTranscribeAudio ?? _chatBloc.transcribeAudioFile;
_listeningAnimationController = AnimationController(
@@ -132,7 +129,7 @@ class _HomeScreenState extends State<HomeScreen>
Future<void> _loadUnreadCount() async {
try {
final messages = await _inboxApi.getMessages(isRead: false);
final messages = await _inboxRepository.getMessages(isRead: false);
if (mounted) {
setState(() => _unreadCount = messages.length);
}
@@ -220,8 +217,10 @@ class _HomeScreenState extends State<HomeScreen>
_previousIsLoadingHistory = state.isLoadingHistory;
},
builder: (context, state) {
final colorScheme = Theme.of(context).colorScheme;
return Scaffold(
backgroundColor: _chatBgColor,
backgroundColor: colorScheme.surface,
resizeToAvoidBottomInset: false,
body: SafeArea(
maintainBottomViewPadding: true,
@@ -688,6 +687,8 @@ class _HomeEmptyStateAmbient extends StatelessWidget {
@override
Widget build(BuildContext context) {
final colorScheme = Theme.of(context).colorScheme;
return Center(
child: IgnorePointer(
child: Container(
@@ -701,9 +702,9 @@ class _HomeEmptyStateAmbient extends StatelessWidget {
begin: Alignment.centerLeft,
end: Alignment.centerRight,
colors: [
AppColors.homeBackgroundGlowSoft.withValues(alpha: 0.12),
AppColors.homeBackgroundGlow.withValues(alpha: 0.08),
AppColors.homeBackgroundGlowSoft.withValues(alpha: 0.12),
colorScheme.primaryContainer.withValues(alpha: 0.12),
colorScheme.primary.withValues(alpha: 0.08),
colorScheme.primaryContainer.withValues(alpha: 0.12),
],
),
),
@@ -212,7 +212,9 @@ extension _HomeScreenInteractions on _HomeScreenState {
void _showBottomSheet(BuildContext context) {
showModalBottomSheet(
context: context,
backgroundColor: Colors.transparent,
backgroundColor: Theme.of(
context,
).colorScheme.surface.withValues(alpha: 0),
isScrollControlled: true,
builder: (context) => HomeSheet(
onImagesSelected: (images) {
@@ -2,7 +2,6 @@ import 'package:flutter/material.dart';
import 'package:image_picker/image_picker.dart';
import 'package:lucide_icons/lucide_icons.dart';
import '../../../../core/l10n/l10n.dart';
import '../../../../core/theme/design_tokens.dart';
class HomeSheet extends StatelessWidget {
final Function(List<XFile>) onImagesSelected;
@@ -11,10 +10,12 @@ class HomeSheet extends StatelessWidget {
@override
Widget build(BuildContext context) {
final colorScheme = Theme.of(context).colorScheme;
return GestureDetector(
onTap: () => Navigator.of(context).pop(),
child: Container(
color: const Color(0x4D0F172A),
color: colorScheme.scrim.withValues(alpha: 0.3),
child: Column(
mainAxisAlignment: MainAxisAlignment.end,
children: [
@@ -23,9 +24,11 @@ class HomeSheet extends StatelessWidget {
child: Container(
width: double.infinity,
padding: const EdgeInsets.all(16),
decoration: const BoxDecoration(
color: AppColors.white,
borderRadius: BorderRadius.vertical(top: Radius.circular(28)),
decoration: BoxDecoration(
color: colorScheme.surface,
borderRadius: const BorderRadius.vertical(
top: Radius.circular(28),
),
),
child: Column(
children: [
@@ -33,7 +36,7 @@ class HomeSheet extends StatelessWidget {
width: 36,
height: 4,
decoration: BoxDecoration(
color: AppColors.slate300,
color: colorScheme.outlineVariant,
borderRadius: BorderRadius.circular(2),
),
),
@@ -79,6 +82,8 @@ class HomeSheet extends StatelessWidget {
required String label,
required VoidCallback onTap,
}) {
final colorScheme = Theme.of(context).colorScheme;
return GestureDetector(
onTap: onTap,
child: Column(
@@ -88,18 +93,18 @@ class HomeSheet extends StatelessWidget {
width: 72,
height: 72,
decoration: BoxDecoration(
color: AppColors.blue50,
color: colorScheme.primaryContainer,
borderRadius: BorderRadius.circular(16),
),
child: Icon(icon, size: 32, color: AppColors.blue500),
child: Icon(icon, size: 32, color: colorScheme.primary),
),
const SizedBox(height: 12),
Text(
label,
style: const TextStyle(
style: TextStyle(
fontSize: 14,
fontWeight: FontWeight.w500,
color: AppColors.slate700,
color: colorScheme.onSurfaceVariant,
),
),
],