Created App Surfaces for Theming

2026-02-17 07:27:42 +08:00
parent e7c6f0d3b0
commit 7fb465f6c9
17 changed files with 336 additions and 22 deletions
@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:google_fonts/google_fonts.dart';

 import 'app_typography.dart';
+import 'app_surfaces.dart';

 class AppTheme {
  static ThemeData light() {
@@ -24,10 +25,19 @@ class AppTheme {
          const TextStyle(letterSpacing: 0.2),
    );

+    final surfaces = AppSurfaces(
+      cardRadius: 16,
+      compactCardRadius: 12,
+      dialogRadius: 20,
+      cardElevation: 3,
+      cardShadowColor: const Color.fromRGBO(0, 0, 0, 0.12),
+      compactShadowColor: const Color.fromRGBO(0, 0, 0, 0.08),
+    );
+
    return base.copyWith(
      textTheme: textTheme,
      scaffoldBackgroundColor: base.colorScheme.surfaceContainerLowest,
-      extensions: [mono],
+      extensions: [mono, surfaces],
      appBarTheme: AppBarTheme(
        backgroundColor: base.colorScheme.surface,
        foregroundColor: base.colorScheme.onSurface,
@@ -142,10 +152,19 @@ class AppTheme {
          const TextStyle(letterSpacing: 0.2),
    );

+    final surfaces = AppSurfaces(
+      cardRadius: 16,
+      compactCardRadius: 12,
+      dialogRadius: 20,
+      cardElevation: 3,
+      cardShadowColor: const Color.fromRGBO(0, 0, 0, 0.24),
+      compactShadowColor: const Color.fromRGBO(0, 0, 0, 0.12),
+    );
+
    return base.copyWith(
      textTheme: textTheme,
      scaffoldBackgroundColor: base.colorScheme.surface,
-      extensions: [mono],
+      extensions: [mono, surfaces],
      appBarTheme: AppBarTheme(
        backgroundColor: base.colorScheme.surface,
        foregroundColor: base.colorScheme.onSurface,