Add dark theme

TheMedo · Oct 29, 2024 · 1f13e5f · 1f13e5f
1 parent a6fd046
commit 1f13e5f
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/lib/main.dart b/lib/main.dart
@@ -19,9 +19,20 @@ class MyApp extends StatelessWidget {
     return MaterialApp(
       title: 'TODO Fall 2024',
       theme: ThemeData(
-        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
+        colorScheme: ColorScheme.fromSeed(
+          seedColor: Colors.blueGrey,
+          brightness: Brightness.light,
+        ),
         useMaterial3: true,
       ),
+      darkTheme: ThemeData(
+        colorScheme: ColorScheme.fromSeed(
+          seedColor: Colors.blueGrey,
+          brightness: Brightness.dark,
+        ),
+        useMaterial3: true,
+      ),
+      themeMode: ThemeMode.system,
       home: Scaffold(
         body: const RouterScreen(),
       ),

diff --git a/lib/screen/details/details_screen.dart b/lib/screen/details/details_screen.dart
@@ -37,6 +37,9 @@ class _DetailsScreenState extends State<DetailsScreen> {
 
   @override
   Widget build(BuildContext context) {
+    final brightness = MediaQuery.of(context).platformBrightness;
+    final isDarkMode = brightness == Brightness.dark;
+
     return PopScope(
       onPopInvokedWithResult: (isPopped, _) {
         if (isPopped && text != widget.todo.text) {
@@ -70,7 +73,7 @@ class _DetailsScreenState extends State<DetailsScreen> {
                 Navigator.of(context).pop();
               },
               style: ElevatedButton.styleFrom(
-                backgroundColor: Colors.red,
+                backgroundColor: isDarkMode ? Colors.red : Colors.deepOrange,
                 foregroundColor: Colors.white,
               ),
               child: Text('Delete'),