diff --git a/lib/main.dart b/lib/main.dart
index 0d84ef58e233af34488bd4bb158c4633daf8d4b3..b3fa64960ebade422c7925480c40edaffaa776f7 100644
--- a/lib/main.dart
+++ b/lib/main.dart
@@ -1,3 +1,4 @@
+import 'package:checkmein/utils/theme_data.dart';
 import 'package:flutter/material.dart';
 import 'utils/locator.dart';
 import 'views/home.dart';
@@ -16,9 +17,11 @@ class MyApp extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return MaterialApp(
-      title: 'Exam Émargement',
-      theme: ThemeData(primarySwatch: Colors.blue),
-      home: const HomePage(),
+      title: 'Flutter Theme Demo',
+      theme: lightTheme,
+      darkTheme: darkTheme,
+      themeMode: ThemeMode.system,
+      home: HomePage(),
     );
   }
 }
diff --git a/lib/utils/theme_data.dart b/lib/utils/theme_data.dart
new file mode 100644
index 0000000000000000000000000000000000000000..aed172aecd3f9fc138b9de41eb873b8f50800537
--- /dev/null
+++ b/lib/utils/theme_data.dart
@@ -0,0 +1,21 @@
+import 'package:flutter/material.dart';
+
+final ThemeData lightTheme = ThemeData(
+  brightness: Brightness.light,
+  primarySwatch: Colors.blue,
+  scaffoldBackgroundColor: Colors.white,
+  appBarTheme: AppBarTheme(
+    color: Colors.blue,
+    foregroundColor: Colors.white,
+  ),
+);
+
+final ThemeData darkTheme = ThemeData(
+  brightness: Brightness.dark,
+  primarySwatch: Colors.blue,
+  scaffoldBackgroundColor: Colors.black,
+  appBarTheme: AppBarTheme(
+    color: Colors.grey[900],
+    foregroundColor: Colors.white,
+  ),
+);