Refactoring to support dark theme better

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';
 
+// TODO(jackson): This class should usually render the user's
+// preferred banner image rather than a solid background
+
 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],
+        backgroundColor: Theme.of(this).cardColor,
         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 DefaultTextStyle(
             style: Theme.of(this).text.body2,
             child: new Flex(children, direction: FlexDirection.horizontal)
           )
         )],
         direction: FlexDirection.vertical
       )
     );
   }
 
 }