I feel like I am close to the solution but at the same time it seems I have tried everything.

* I want to isolate design variables - e.g., `backgroundColor` - in a specific class - e.g., `Design`;
* I want this class to be a `ChangeNotifier` to be used as a provider; and
* **Hot reload must work** - i.e., if I change the color in the code and save, I want to see the change reflected immediately.

Pretty much the code below, but I want hot reload to work - i.e., if I change the `_backgroundColor = Colors.cyan`, I want the change to be reflected. Right now it does not. Any way to make this work?

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

void main() async {
  runApp(MaterialApp(
    home: MultiProvider(
      providers: [
        ChangeNotifierProvider(create: (context) => Design()),
      ],
      builder: (context, child) => GestureDetector(
        onTap: () => context.read<Design>().backgroundColor = Colors.green,
        child: Container(
          color: context.select<Design, Color>((d) => d.backgroundColor),
        ),
      ),
    ),
  ));
}

class Design with ChangeNotifier {
  Color _backgroundColor = Colors.cyan;
  Color get backgroundColor => _backgroundColor;
  void set backgroundColor(color) {
    this._backgroundColor = color;
    notifyListeners();
  }
}

```

So far the only thing that worked with hot reload is either having a function to directly return the color or making the variable `const` - or `static const`, if inside a class. But then neither work with provider.