Fix all the components to pick the right colours from the theme.

sky/sdk/lib/widgets/drawer_header.dart

 // Copyright 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 import '../theme/colors.dart';
 import '../theme/view_configuration.dart';
 import 'basic.dart';
+import 'default_text_style.dart';
+import 'theme.dart';
 
 class DrawerHeader extends Component {
 
   DrawerHeader({ String key, this.children }) : super(key: key);
 
   final List<Widget> children;
 
   Widget build() {
     return new Container(
       height: kStatusBarHeight + kMaterialDrawerHeight,
       decoration: new BoxDecoration(
         backgroundColor: BlueGrey[50],
         border: const Border(
           bottom: const BorderSide(
             color: const Color(0xFFD1D9E1),
             width: 1.0
           )
         )
       ),
       padding: const EdgeDims.only(bottom: 7.0),
       margin: const EdgeDims.only(bottom: 8.0),
       child: new Flex([
         new Flexible(child: new Container()),
         new Container(
           padding: const EdgeDims.symmetric(horizontal: 16.0),
-          child: new Flex(children, direction: FlexDirection.horizontal)
+          child: new DefaultTextStyle(
+            style: Theme.of(this).text.body2,
+            child: new Flex(children, direction: FlexDirection.horizontal)
+          )
         )],
         direction: FlexDirection.vertical
       )
     );
   }
 
 }