feat(ref: no-ref): add theme

Author: andriikamaldinov1

lib/common/theme-switcher/theme-switcher.controller.dart

@@ -0,0 +1,17 @@
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+
+import '../theme/theme-switcher.enum.dart';
+import '../theme/theme-switcher.helper.dart';
+
+class ThemeController extends GetxController {
+  final Rx<ThemeType> currentTheme = ThemeType.light.obs;
+
+  void updateTheme(ThemeType theme) {
+    currentTheme.value = theme;
+    final ThemeData selectedTheme = theme == ThemeType.light
+        ? ThemeHelper.lightTheme
+        : ThemeHelper.darkTheme;
+    Get.changeTheme(selectedTheme);
+  }
+}

lib/common/theme-switcher/theme-switcher.widget.dart

@@ -0,0 +1,25 @@
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import 'theme-switcher.controller.dart';
+import '../theme/theme-switcher.enum.dart';
+
+class ThemeSwitcherWidget extends GetView<ThemeController> {
+  const ThemeSwitcherWidget({super.key});
+
+  @override
+  Widget build(BuildContext context) => Obx(() => DropdownButton<ThemeType>(
+        value: controller.currentTheme.value,
+        onChanged: (ThemeType? theme) {
+          if (theme != null) {
+            controller.updateTheme(theme);
+          }
+        },
+        items: ThemeType.values
+            .map<DropdownMenuItem<ThemeType>>(
+                (ThemeType theme) => DropdownMenuItem<ThemeType>(
+                      value: theme,
+                      child: Text(theme.title),
+                    ))
+            .toList(),
+      ));
+}

lib/common/theme/theme-switcher.enum.dart

@@ -0,0 +1,8 @@
+enum ThemeType {
+  light('Light Theme'),
+  dark('Dark Theme');
+
+  const ThemeType(this.title);
+
+  final String title;
+}

lib/common/theme/theme-switcher.helper.dart

@@ -0,0 +1,15 @@
+import 'package:flutter/material.dart';
+
+mixin ThemeHelper {
+  static final ThemeData lightTheme = ThemeData(
+    brightness: Brightness.light,
+    scaffoldBackgroundColor: Colors.white,
+    primaryColor: Colors.white,
+  );
+
+  static final ThemeData darkTheme = ThemeData(
+    brightness: Brightness.dark,
+    scaffoldBackgroundColor: Colors.black,
+    primaryColor: Colors.black,
+  );
+}

lib/main.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
+import 'common/theme/theme-switcher.helper.dart';
 import 'screens/home/home.binding.dart';
 import 'screens/home/home.screen.dart';
 
@@ -14,5 +15,8 @@ class MyApp extends StatelessWidget {
   Widget build(BuildContext context) => GetMaterialApp(
         initialBinding: HomeBinding(),
         home: const HomeScreen(),
+        theme: ThemeHelper.lightTheme,
+        darkTheme: ThemeHelper.darkTheme,
+        themeMode: ThemeMode.light,
       );
 }

lib/screens/home/home.binding.dart

@@ -1,4 +1,5 @@
 import 'package:get/get.dart';
+import '../../common/theme-switcher/theme-switcher.controller.dart';
 import 'todo/add-task/add-task.controller.dart';
 import 'todo/filter-panel/filter-panel.controller.dart';
 import 'todo/task-list-item/task-list-item.controller.dart';
@@ -9,6 +10,7 @@ class HomeBinding extends Bindings {
   Future<void> dependencies() async {
     Get
       ..lazyPut(TodoService.new)
+      ..lazyPut(ThemeController.new)
       ..lazyPut(() => AddTaskController(Get.find()))
       ..lazyPut(() => FilterPanelController(Get.find()))
       ..lazyPut(() => TaskListItemController(Get.find(), Get.find()));

lib/screens/home/home.screen.dart

@@ -1,15 +1,18 @@
 import 'package:flutter/material.dart';
+import '../../common/theme-switcher/theme-switcher.widget.dart';
 import 'todo/todo.widget.dart';
 import '../home/title/title.widget.dart';
 
 class HomeScreen extends StatelessWidget {
   const HomeScreen({super.key});
+
   @override
   Widget build(BuildContext context) => Scaffold(
-        backgroundColor: Colors.white,
+        backgroundColor: Theme.of(context).scaffoldBackgroundColor,
         body: ListView(
           children: const <Widget>[
             Center(child: TitleWidget()),
+            ThemeSwitcherWidget(),
             TodoWidget(),
           ],
         ),

lib/screens/home/todo/task-list-item/task-list-item.widget.dart

@@ -56,8 +56,6 @@ class TaskListItemWidget extends StatelessWidget {
                         decoration: task.isFinished.value
                             ? TextDecoration.lineThrough
                             : null,
-                        color:
-                            task.isFinished.value ? Colors.grey : Colors.black,
                       ),
                     ),
                   ),