Nexus/material_3_expressive
2
0
Fork 0
forked from mirrors/material_3_expressive
Code Pull requests Activity

Refactor theme implementation to use ColorScheme.fromSeed for light and dark themes; update README with usage examples and add widgetbook build configuration.

Browse source
This commit is contained in:
Emily Pauli 2025-10-25 22:58:10 +02:00
commit 2f84b1559f
6 changed files with 139 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

24
apps/gallery/lib/main.dart
View file

@ -31,20 +31,14 @@ class _GalleryAppState extends State<GalleryApp> {
@override
Widget build(BuildContext context) {
final baseLight = ThemeData(
useMaterial3: true,
colorSchemeSeed: Colors.purple,
brightness: Brightness.light,
);
final baseDark = ThemeData(
useMaterial3: true,
colorSchemeSeed: Colors.purple,
brightness: Brightness.dark,
);
final light = ColorScheme.fromSeed(
seedColor: Colors.purple, brightness: Brightness.light);
final dark = ColorScheme.fromSeed(
seedColor: Colors.purple, brightness: Brightness.dark);
return MaterialApp(
title: 'M3E Gallery',
theme: withM3ETheme(baseLight),
darkTheme: withM3ETheme(baseDark),
theme: light.toM3EThemeData(),
darkTheme: dark.toM3EThemeData(),
themeMode: _mode,
home: GalleryHome(
isDark: _mode == ThemeMode.dark,
@ -56,7 +50,8 @@ class _GalleryAppState extends State<GalleryApp> {
}
class GalleryHome extends StatefulWidget {
const GalleryHome({super.key, required this.isDark, required this.onToggleBrightness});
const GalleryHome(
{super.key, required this.isDark, required this.onToggleBrightness});
final bool isDark;
final VoidCallback onToggleBrightness;
@ -77,7 +72,8 @@ class _GalleryHomeState extends State<GalleryHome> {
titleText: 'M3E Gallery',
actions: [
IconButton(
tooltip: widget.isDark ? 'Switch to light mode' : 'Switch to dark mode',
tooltip:
widget.isDark ? 'Switch to light mode' : 'Switch to dark mode',
onPressed: widget.onToggleBrightness,
icon: Icon(widget.isDark ? Icons.dark_mode : Icons.light_mode),
),