Replace ThemeBloc with ThemeSettings class to change ThemeBrightness, textScalingFactor and VisualDensity.

[Jonas-Sander]

Replaced ThemeBloc with a new class called ThemeSettings that can be used to:

• Toggle between dark-mode, light-mode and using the system setting
• Change the VisualDensity of the app
• Change the textScalingFactor

Currently the user can still only toggle the brightness (e.g. dark-mode).
Another PR in the Future might add a nicer UI to change also the other settings.

The ThemeSettings class is used via Provider and doesn't need a StreamProvider:

 @override
 Widget build(BuildContext context) {
   // Will automatically rebuild if properties of [ThemeSettings] change.
   // See also `context.select` to only rebuild if the brightness changes.
   final themeSettings = context.watch<ThemeSettings>();

   return Column(
     children: [
       Text('Current brightness: ${themeSettings.themeBrightness}'),
       ElevatedButton(
         child: Text('Change to dark-mode'),
         onPressed: () => themeSettings.themeBrightness = ThemeBrightness.dark,
       )
     ],
   );
 }

[github-actions]

Visit the preview URL for this PR (updated for commit e6c1d6c):

https://sharezone-test--pr158-theme-settings-eo83ht8t.web.app

_{(expires Thu, 12 May 2022 12:32:31 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

[Jonas-Sander]

This is how it looks like if you change

textScalingFactor

TextScalingFactor.mov

VisualDensity

Visual.Density.mov

[nilsreichardt]

Nice! 🚀
LGTM

Can you add tests for ThemeSettings?

And we should also have Analytics, when someone changes the theme. Should we do this in another PR?

[nilsreichardt]

When #153 is merged, we can use the built in Dart features for this (released in 2.15):

enum MyEnum {
  one, two, three
}

void main() {
  print(MyEnum.one.name);  // Prints "one".
}

print(MyEnum.values.byName('two') == MyEnum.two);  // Prints "true".

https://medium.com/dartlang/dart-2-15-7e7a598e508a

[nilsreichardt]

LGTM