style

lib/image_fullscreen_page.dart

@@ -121,17 +121,38 @@ class FullscreenOverlay extends StatelessWidget {
       child: Container(
         padding: EdgeInsets.all(8.0).add(EdgeInsets.only(bottom: viewInsets.bottom)),
         color: Colors.black45,
+        child: DefaultTextStyle(
+          style: TextStyle(
+            shadows: [
+              Shadow(
+                color: Colors.black87,
+                offset: Offset(0.0, 1.0),
+              )
+            ],
+          ),
           child: Column(
             mainAxisSize: MainAxisSize.min,
             crossAxisAlignment: CrossAxisAlignment.start,
             children: [
-            Text('${index + 1} / $total - ${entry['title']}'),
+              Text(
+                '${index + 1} / $total – ${entry['title']}',
+                overflow: TextOverflow.ellipsis,
+              ),
+              SizedBox(height: 4),
               Row(
                 children: [
+                  Padding(
+                    padding: EdgeInsets.only(right: 8.0),
+                    child: Icon(
+                      Icons.calendar_today,
+                      size: 16,
+                    ),
+                  ),
                   Expanded(child: Text('${DateFormat.yMMMd().format(date)} – ${DateFormat.Hm().format(date)}')),
                   Expanded(child: Text('${entry['width']} × ${entry['height']}')),
                 ],
               ),
+              SizedBox(height: 4),
               FutureBuilder(
                 future: ImageFetcher.getOverlayMetadata(entry['path']),
                 builder: (futureContext, AsyncSnapshot<Map> snapshot) {
@@ -144,7 +165,14 @@ class FullscreenOverlay extends StatelessWidget {
                   }
                   return Row(
                     children: [
-                    Expanded(child: Text(metadata['aperture'])),
+                      Padding(
+                        padding: EdgeInsets.only(right: 8.0),
+                        child: Icon(
+                          Icons.camera,
+                          size: 16,
+                        ),
+                      ),
+                      Expanded(child: Text((metadata['aperture'] as String).replaceAll('f', 'ƒ'))),
                       Expanded(child: Text(metadata['exposureTime'])),
                       Expanded(child: Text(metadata['focalLength'])),
                       Expanded(child: Text(metadata['iso'])),
@@ -155,6 +183,7 @@ class FullscreenOverlay extends StatelessWidget {
             ],
           ),
         ),
+      ),
     );
   }
 }

lib/main.dart

@@ -16,6 +16,7 @@ class MyApp extends StatelessWidget {
       theme: ThemeData(
         brightness: Brightness.dark,
         accentColor: Colors.amberAccent,
+        scaffoldBackgroundColor: Colors.grey[900]
       ),
       home: HomePage(),
     );

lib/thumbnail_collection.dart

@@ -103,8 +103,15 @@ class SectionHeader extends StatelessWidget {
       child: OutlinedText(
         primaryText,
         style: TextStyle(
-          color: Colors.white,
+          color: Colors.grey[200],
           fontSize: 20,
+          shadows: [
+            Shadow(
+              offset: Offset(0, 2),
+              blurRadius: 3,
+              color: Colors.grey[900]
+            ),
+          ],
         ),
         outlineColor: Colors.black87,
         outlineWidth: 2,