Material light and dark themes for Sky widgets

sky/sdk/lib/widgets/tool_bar.dart

Index: sky/sdk/lib/widgets/tool_bar.dart
diff --git a/sky/sdk/lib/widgets/tool_bar.dart b/sky/sdk/lib/widgets/tool_bar.dart
index 8fc2c7c04d52ea2f8b4e71771b3a03a970326407..df2303087475db62a8cbe1d9e0690d0ab93c786a 100644
--- a/sky/sdk/lib/widgets/tool_bar.dart
+++ b/sky/sdk/lib/widgets/tool_bar.dart
@@ -8,6 +8,7 @@ import '../rendering/flex.dart';
 import '../theme/shadows.dart';
 import '../theme/view_configuration.dart';
 import 'basic.dart';
+import 'default_text_style.dart';
 
 class ToolBar extends Component {
 
@@ -33,7 +34,10 @@ class ToolBar extends Component {
       children.add(
         new Flexible(
           child: new Padding(
-            child: center,
+            child: new DefaultTextStyle(
+              style: Theme.of(this).toolbarText.title,
+              child: center
+            ),
             padding: new EdgeDims.only(left: 24.0)
           )
         )
@@ -50,7 +54,7 @@ class ToolBar extends Component {
       ),
       padding: new EdgeDims.symmetric(horizontal: 8.0),
       decoration: new BoxDecoration(
-        backgroundColor: backgroundColor == null ? Theme.of(this).color[500] : backgroundColor,
+        backgroundColor: backgroundColor == null ? Theme.of(this).primary[500] : backgroundColor,
         boxShadow: shadows[2]
       )
     );