refactor: integrate theme mode into AppBloc

- Removed ThemeCubit
- Added AppThemeChanged event
- Managed theme in AppBloc

Author: fulleni

lib/app/bloc/app_bloc.dart

@@ -1,6 +1,6 @@
 import 'package:bloc/bloc.dart';
 import 'package:equatable/equatable.dart';
-import 'package:meta/meta.dart';
+import 'package:flutter/material.dart';
 
 part 'app_event.dart';
 part 'app_state.dart';
@@ -10,5 +10,14 @@ class AppBloc extends Bloc<AppEvent, AppState> {
     on<AppNavigationIndexChanged>((event, emit) {
       emit(state.copyWith(selectedBottomNavigationIndex: event.index));
     });
+    on<AppThemeChanged>((event, emit) {
+      emit(
+        state.copyWith(
+          themeMode: state.themeMode == ThemeMode.light
+              ? ThemeMode.dark
+              : ThemeMode.light,
+        ),
+      );
+    });
   }
 }

lib/app/bloc/app_event.dart

@@ -8,3 +8,5 @@ final class AppNavigationIndexChanged extends AppEvent {
 
   final int index;
 }
+
+final class AppThemeChanged extends AppEvent {}

lib/app/bloc/app_state.dart

@@ -1,16 +1,24 @@
 part of 'app_bloc.dart';
 
 class AppState extends Equatable {
-  const AppState({this.selectedBottomNavigationIndex = 0});
+  const AppState({
+    this.selectedBottomNavigationIndex = 0,
+    this.themeMode = ThemeMode.system,
+  });
   final int selectedBottomNavigationIndex;
+  final ThemeMode themeMode;
 
-  AppState copyWith({int? selectedBottomNavigationIndex}) {
+  AppState copyWith({
+    int? selectedBottomNavigationIndex,
+    ThemeMode? themeMode,
+  }) {
     return AppState(
       selectedBottomNavigationIndex:
           selectedBottomNavigationIndex ?? this.selectedBottomNavigationIndex,
+      themeMode: themeMode ?? this.themeMode,
     );
   }
 
   @override
-  List<Object?> get props => [selectedBottomNavigationIndex];
+  List<Object?> get props => [selectedBottomNavigationIndex, themeMode];
 }

lib/app/view/app.dart

@@ -1,20 +1,37 @@
+import 'package:flex_color_scheme/flex_color_scheme.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:google_fonts/google_fonts.dart';
+import 'package:ht_main/app/bloc/app_bloc.dart';
 import 'package:ht_main/l10n/l10n.dart';
 import 'package:ht_main/router/router.dart';
-import 'package:ht_main/theme/cubit/theme_cubit.dart';
+
+ThemeData lightTheme() {
+  return FlexThemeData.light(
+    scheme: FlexScheme.material,
+    fontFamily: GoogleFonts.notoSans().fontFamily,
+  );
+}
+
+ThemeData darkTheme() {
+  return FlexThemeData.dark(
+    scheme: FlexScheme.material,
+    fontFamily: GoogleFonts.notoSans().fontFamily,
+  );
+}
 
 class App extends StatelessWidget {
   const App({super.key});
 
   @override
   Widget build(BuildContext context) {
     return BlocProvider(
-      create: (_) => ThemeCubit(),
-      child: BlocBuilder<ThemeCubit, ThemeState>(
+      create: (_) => AppBloc(),
+      child: BlocBuilder<AppBloc, AppState>(
         builder: (context, state) {
           return MaterialApp.router(
-            theme: state.themeData,
+            theme:
+                state.themeMode == ThemeMode.light ? lightTheme() : darkTheme(),
             routerConfig: appRouter,
             localizationsDelegates: AppLocalizations.localizationsDelegates,
             supportedLocales: AppLocalizations.supportedLocales,

lib/theme/cubit/theme_cubit.dart

@@ -1,6 +1,6 @@
 name: ht_main
 description: main headlines toolkit mobile app.
-version: 0.3.3
+version: 0.3.5
 publish_to: none
 repository: https://github.com/Headlines-Toolkit/ht-main
 environment: