tofu_expressive 0.0.2

Material 3 expressive theme with dynamic color, dark/light mode, and platform support.

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:tofu_expressive/tofu_expressive.dart';

void main() {
  runApp(
    ChangeNotifierProvider(
      create: (_) => ThemeController(),
      child: const MyApp(),
    ),
  );
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    final themeController = Provider.of<ThemeController>(context);
    final isDark = themeController.isDarkMode;

    return MaterialApp(
      title: 'Tofu Expressive Demo',
      debugShowCheckedModeBanner: false,
      theme: TofuTheme.light(),
      darkTheme: TofuTheme.dark(),
      themeMode: themeController.themeMode,
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Tofu Expressive'),
          backgroundColor: Theme.of(context).colorScheme.surface,
          surfaceTintColor: Theme.of(context).colorScheme.surfaceTint,
          elevation: 0,
        ),
        body: Center(
          child: SwitchListTile(
            title: Text(isDark ? 'Dark Mode' : 'Light Mode'),
            value: isDark,
            onChanged: (_) => themeController.toggleTheme(isDark),
          ),
        ),
      ),
    );
  }
}