Dynamically changing your theme without hassle

This packages manages changing your theme during runtime and persiting that theme.

Include in your project

  dynamic_theme_nullsafe: ^1.0.5

run packages get and import it

import 'package:dynamic_theme_nullsafe/dynamic_theme_nullsafe.dart';


Wrap your material app like this:

class MyApp extends StatelessWidget {
  Widget build(BuildContext context) {
    return DynamicThemeNullsafe(
      defaultThemeMode: ThemeMode.light,
      loadThemeOnStart: true,
      data: (mode) => ThemeData(
        primarySwatch: Colors.indigo,
        brightness: mode == ThemeMode.dark ? Brightness.dark : Brightness.light,
      themedWidgetBuilder: (
        BuildContext context,
        ThemeMode mode,
        ThemeData? data,
      ) {
        return MaterialApp(
          themeMode: mode,
          title: 'Flutter Demo',
          theme: data,
          home: const MyHomePage(title: 'Flutter Demo Home Page'),

Change the theme like this:

  void changeBrightness() {

  void changeColor() {

When changing the ThemeMode with ThemeMode, it is additionally stored in the shared preferences.

Getting Started

For help getting started with Flutter, view our online documentation.

For help on editing package code, view the documentation.