qzl/social-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
apps/lib/features/settings/presentation/screens/memory_screen.dart
+70 -46
View File
@@ -23,6 +23,8 @@ class _MemoryScreenState extends State<MemoryScreen> {
bool _isLoading = true;
String? _error;
ColorScheme get _colorScheme => Theme.of(context).colorScheme;
@override
void initState() {
super.initState();
@@ -81,16 +83,16 @@ class _MemoryScreenState extends State<MemoryScreen> {
return Container(
padding: const EdgeInsets.all(AppSpacing.lg),
decoration: BoxDecoration(
gradient: const LinearGradient(
gradient: LinearGradient(
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: [AppColors.white, AppColors.surfaceInfoLight],
colors: [_colorScheme.surface, _colorScheme.surfaceContainerLow],
),
borderRadius: BorderRadius.circular(AppRadius.xl),
border: Border.all(color: AppColors.borderTertiary),
border: Border.all(color: _colorScheme.outlineVariant),
boxShadow: [
BoxShadow(
color: AppColors.blue100.withValues(alpha: 0.35),
color: _colorScheme.shadow.withValues(alpha: 0.2),
blurRadius: 14,
offset: const Offset(0, 4),
),
@@ -103,24 +105,27 @@ class _MemoryScreenState extends State<MemoryScreen> {
width: 44,
height: 44,
decoration: BoxDecoration(
gradient: const LinearGradient(
gradient: LinearGradient(
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: [AppColors.blue100, AppColors.blue50],
colors: [
_colorScheme.primaryContainer,
_colorScheme.surfaceContainerLow,
],
),
borderRadius: BorderRadius.circular(12),
boxShadow: [
BoxShadow(
color: AppColors.blue200.withValues(alpha: 0.45),
color: _colorScheme.primary.withValues(alpha: 0.2),
blurRadius: 8,
offset: const Offset(0, 2),
),
],
),
child: const Icon(
child: Icon(
Icons.auto_awesome,
size: 22,
color: AppColors.blue600,
color: _colorScheme.primary,
),
),
const SizedBox(width: AppSpacing.md),
@@ -133,7 +138,7 @@ class _MemoryScreenState extends State<MemoryScreen> {
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.w600,
color: AppColors.slate900,
color: _colorScheme.onSurface,
),
),
const SizedBox(height: 2),
@@ -142,7 +147,7 @@ class _MemoryScreenState extends State<MemoryScreen> {
style: TextStyle(
fontSize: 13,
fontWeight: FontWeight.w500,
color: AppColors.slate500,
color: _colorScheme.onSurfaceVariant,
),
),
],
@@ -167,11 +172,18 @@ class _MemoryScreenState extends State<MemoryScreen> {
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Icon(Icons.error_outline, size: 48, color: AppColors.slate300),
Icon(
Icons.error_outline,
size: 48,
color: _colorScheme.onSurfaceVariant,
),
const SizedBox(height: AppSpacing.md),
Text(
_error ?? context.l10n.memoryLoadFailedRetry,
style: TextStyle(fontSize: 14, color: AppColors.slate500),
style: TextStyle(
fontSize: 14,
color: _colorScheme.onSurfaceVariant,
),
),
const SizedBox(height: AppSpacing.lg),
AppPressable(
@@ -183,16 +195,16 @@ class _MemoryScreenState extends State<MemoryScreen> {
vertical: AppSpacing.sm,
),
decoration: BoxDecoration(
color: AppColors.blue50,
color: _colorScheme.primaryContainer,
borderRadius: BorderRadius.circular(AppRadius.md),
border: Border.all(color: AppColors.blue100),
border: Border.all(color: _colorScheme.outlineVariant),
),
child: Text(
context.l10n.memoryReload,
style: const TextStyle(
style: TextStyle(
fontSize: 14,
fontWeight: FontWeight.w500,
color: AppColors.blue600,
color: _colorScheme.primary,
),
),
),
@@ -222,10 +234,10 @@ class _MemoryScreenState extends State<MemoryScreen> {
padding: const EdgeInsets.symmetric(horizontal: AppSpacing.xs),
child: Text(
label,
style: const TextStyle(
style: TextStyle(
fontSize: 12,
fontWeight: FontWeight.w600,
color: AppColors.slate500,
color: _colorScheme.onSurfaceVariant,
),
),
);
@@ -241,16 +253,16 @@ class _MemoryScreenState extends State<MemoryScreen> {
child: Container(
padding: const EdgeInsets.all(AppSpacing.lg),
decoration: BoxDecoration(
gradient: const LinearGradient(
gradient: LinearGradient(
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: [AppColors.white, AppColors.surfaceInfoLight],
colors: [_colorScheme.surface, _colorScheme.surfaceContainerLow],
),
borderRadius: BorderRadius.circular(AppRadius.xl),
border: Border.all(color: AppColors.borderTertiary),
border: Border.all(color: _colorScheme.outlineVariant),
boxShadow: [
BoxShadow(
color: AppColors.slate200.withValues(alpha: 0.45),
color: _colorScheme.shadow.withValues(alpha: 0.15),
blurRadius: 8,
offset: const Offset(0, 2),
),
@@ -269,16 +281,16 @@ class _MemoryScreenState extends State<MemoryScreen> {
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: [
AppColors.blue100.withValues(alpha: 0.8),
AppColors.blue50.withValues(alpha: 0.8),
_colorScheme.primaryContainer.withValues(alpha: 0.8),
_colorScheme.surfaceContainerLow.withValues(alpha: 0.8),
],
),
borderRadius: BorderRadius.circular(10),
),
child: const Icon(
child: Icon(
Icons.person,
size: 20,
color: AppColors.blue600,
color: _colorScheme.primary,
),
),
const SizedBox(width: AppSpacing.md),
@@ -291,7 +303,7 @@ class _MemoryScreenState extends State<MemoryScreen> {
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.w600,
color: AppColors.slate900,
color: _colorScheme.onSurface,
),
),
const SizedBox(height: 2),
@@ -302,7 +314,7 @@ class _MemoryScreenState extends State<MemoryScreen> {
style: TextStyle(
fontSize: 13,
fontWeight: FontWeight.w500,
color: AppColors.slate500,
color: _colorScheme.onSurfaceVariant,
),
maxLines: 1,
overflow: TextOverflow.ellipsis,
@@ -310,7 +322,11 @@ class _MemoryScreenState extends State<MemoryScreen> {
],
),
),
Icon(Icons.chevron_right, size: 20, color: AppColors.slate400),
Icon(
Icons.chevron_right,
size: 20,
color: _colorScheme.onSurfaceVariant,
),
],
),
if (hasData) ...[
@@ -352,16 +368,16 @@ class _MemoryScreenState extends State<MemoryScreen> {
child: Container(
padding: const EdgeInsets.all(AppSpacing.lg),
decoration: BoxDecoration(
gradient: const LinearGradient(
gradient: LinearGradient(
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: [AppColors.white, AppColors.surfaceTertiary],
colors: [_colorScheme.surface, _colorScheme.surfaceContainerLow],
),
borderRadius: BorderRadius.circular(AppRadius.xl),
border: Border.all(color: AppColors.borderSecondary),
border: Border.all(color: _colorScheme.outlineVariant),
boxShadow: [
BoxShadow(
color: AppColors.slate200.withValues(alpha: 0.4),
color: _colorScheme.shadow.withValues(alpha: 0.15),
blurRadius: 8,
offset: const Offset(0, 2),
),
@@ -380,16 +396,16 @@ class _MemoryScreenState extends State<MemoryScreen> {
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: [
AppColors.violet500.withValues(alpha: 0.15),
AppColors.violet500.withValues(alpha: 0.05),
_colorScheme.tertiary.withValues(alpha: 0.15),
_colorScheme.tertiary.withValues(alpha: 0.05),
],
),
borderRadius: BorderRadius.circular(10),
),
child: const Icon(
child: Icon(
Icons.work_outline,
size: 20,
color: AppColors.violet600,
color: _colorScheme.tertiary,
),
),
const SizedBox(width: AppSpacing.md),
@@ -402,7 +418,7 @@ class _MemoryScreenState extends State<MemoryScreen> {
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.w600,
color: AppColors.slate900,
color: _colorScheme.onSurface,
),
),
const SizedBox(height: 2),
@@ -413,7 +429,7 @@ class _MemoryScreenState extends State<MemoryScreen> {
style: TextStyle(
fontSize: 13,
fontWeight: FontWeight.w500,
color: AppColors.slate500,
color: _colorScheme.onSurfaceVariant,
),
maxLines: 1,
overflow: TextOverflow.ellipsis,
@@ -421,7 +437,11 @@ class _MemoryScreenState extends State<MemoryScreen> {
],
),
),
Icon(Icons.chevron_right, size: 20, color: AppColors.slate400),
Icon(
Icons.chevron_right,
size: 20,
color: _colorScheme.onSurfaceVariant,
),
],
),
if (hasData) ...[
@@ -467,19 +487,23 @@ class _MemoryScreenState extends State<MemoryScreen> {
right: index < icons.length - 1 ? AppSpacing.sm : 0,
),
decoration: BoxDecoration(
color: AppColors.surfaceSecondary,
color: _colorScheme.surfaceContainerLow,
borderRadius: BorderRadius.circular(AppRadius.md),
),
child: Column(
children: [
Icon(icons[index], size: 16, color: AppColors.slate400),
Icon(
icons[index],
size: 16,
color: _colorScheme.onSurfaceVariant,
),
const SizedBox(height: 4),
Text(
values[index],
style: const TextStyle(
style: TextStyle(
fontSize: 14,
fontWeight: FontWeight.w600,
color: AppColors.slate700,
color: _colorScheme.onSurface,
),
),
const SizedBox(height: 2),
@@ -488,7 +512,7 @@ class _MemoryScreenState extends State<MemoryScreen> {
style: TextStyle(
fontSize: 10,
fontWeight: FontWeight.w500,
color: AppColors.slate400,
color: _colorScheme.onSurfaceVariant,
),
),
],