updated colors/themes

Author: Adam Hammer

lib/src/ui/components/game_board.dart

@@ -24,24 +24,24 @@ class GameBoard extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Container(        
+    return Container(
         child: Column(
-          children: <Widget>[
-            Padding(
-              padding: const EdgeInsets.fromLTRB(
-                  kBoardEdgePadding, kBoardEdgePadding, kBoardEdgePadding, 0),
-              child: GameBoardHeader(),
-            ),
-            Expanded(
-                child: Container(
-              width: double.infinity,
-              child: Padding(
-                padding: const EdgeInsets.all(kBoardEdgePadding),
-                child: MineField(),
-              ),
-            ))
-          ],
-        ));
+      children: <Widget>[
+        Padding(
+          padding: const EdgeInsets.fromLTRB(
+              kBoardEdgePadding, kBoardEdgePadding, kBoardEdgePadding, 0),
+          child: GameBoardHeader(),
+        ),
+        Expanded(
+            child: Container(
+          width: double.infinity,
+          child: Padding(
+            padding: const EdgeInsets.all(kBoardEdgePadding),
+            child: MineField(),
+          ),
+        ))
+      ],
+    ));
   }
 }
 
@@ -55,37 +55,35 @@ class GameBoardHeader extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Container(
-      color: Colors.blueGrey,
+    return Card(
       child: Padding(
         padding: const EdgeInsets.all(8),
         child: Row(
           children: <Widget>[
-            Container(
-              color: Colors.red,
-              width: 128,
-              height: 48,
-              child: const Center(child: const BombsRemaining()),
+            const Expanded(
+              child: const Card(
+                  child: const Center(child: const BombsRemaining())),
             ),
             Expanded(child: Container()),
             Center(
-                child: FlatButton(
-              color: Colors.green,
+                child: Card(
+                  child: FlatButton(
+              
               child: Text(
-                "😀",
-                textScaleFactor: 2.0,
+                  "😀",
+                  textScaleFactor: 2.0,
               ),
               onPressed: () {
-                Provider.of<Store<AppState>>(context)
-                    .dispatch(NewGameAction(MineSweeper.newGame()));
+                  Provider.of<Store<AppState>>(context)
+                      .dispatch(NewGameAction(MineSweeper.newGame()));
               },
-            )),
+            ),
+                )),
             Expanded(child: Container()),
-            Container(
-                color: Colors.blue,
-                width: 127,
-                height: 48,
-                child: const Center(child: const GameTimer())),
+            const Expanded(
+              child: const Card(
+                  child: const Center(child: const GameTimer())),
+            ),
           ],
         ),
       ),

lib/src/ui/components/mine_block.dart

@@ -65,18 +65,17 @@ class _MineBlockState extends State<MineBlock> {
 bombBox(BuildContext context) =>
     BoxDecoration(color: Colors.red,
     borderRadius: BorderRadius.circular(50)
-    , boxShadow: [BoxShadow()]);
+    , boxShadow: [BoxShadow(color: Colors.blue)]);
 
 hoverBox(BuildContext context) =>
-    BoxDecoration(color: Theme.of(context).colorScheme.surface,
-    borderRadius: BorderRadius.circular(15)
-    , boxShadow: [BoxShadow(color: Colors.black, blurRadius: 3, spreadRadius: 3)]);
+    BoxDecoration(color: Theme.of(context).colorScheme.primaryVariant,    
+    boxShadow: [BoxShadow(color: Colors.black, blurRadius: 4, spreadRadius: 4)]);
 
 unknownBox(BuildContext context) =>
-    BoxDecoration(color: Theme.of(context).colorScheme.surface    
-    , boxShadow: [BoxShadow(color: Colors.black, blurRadius: 3, spreadRadius: 1)]);
+    BoxDecoration(color: Theme.of(context).colorScheme.primaryVariant    
+    , boxShadow: [BoxShadow(color: Colors.blue, blurRadius: 3, spreadRadius: 1)]);
 
 cleanBox(BuildContext context) =>
     BoxDecoration(color: Theme.of(context).colorScheme.surface,
-    boxShadow: [BoxShadow(color: Colors.black12, blurRadius: 2)] );
+    boxShadow: [BoxShadow(color: Colors.blue.withOpacity(0.1), blurRadius: 2)] );