refactor(): remove md-theme-level

Author: ajoslin

docs/config/template/index.template.html

@@ -21,14 +21,14 @@
               md-component-id="left"
               md-is-locked-open="$media('md')">
 
-    <md-toolbar md-theme-levels="{ backgroundColor: 900 }" style="min-height: 64px; max-height:64px;" layout="column">
+    <md-toolbar style="min-height: 64px; max-height:64px;" layout="column">
       <h1 class="md-toolbar-tools" flex layout="column">
-        <a href="" ng-click="goHome()" layout="row" flex>
+        <a href="#/" ng-click="goHome()" layout="row" flex>
           <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve" style="
               width: 40px; height: 40px;">
             <path d="M 50 0 L 100 14 L 92 80 L 50 100 L 8 80 L 0 14 Z" fill="#b2b2b2"></path>
-            <path d="M 50 5 L 6 18 L 13.5 77 L 50 94 Z" fill="#E42939" md-theme-levels="{ fill: 700 }"></path>
-            <path d="M 50 5 L 94 18 L 86.5 77 L 50 94 Z" fill="#B72833" md-theme-levels="{ fill: 900 }"></path>
+            <path d="M 50 5 L 6 18 L 13.5 77 L 50 94 Z" fill="#E42939"></path>
+            <path d="M 50 5 L 94 18 L 86.5 77 L 50 94 Z" fill="#B72833"></path>
             <path d="M 50 7 L 83 75 L 72 75 L 65 59 L 50 59 L 50 50 L 61 50 L 50 26 Z" fill="#b2b2b2"></path>
             <path d="M 50 7 L 17 75 L 28 75 L 35 59 L 50 59 L 50 50 L 39 50 L 50 26 Z" fill="#fff"></path>
           </svg>
@@ -62,7 +62,7 @@ <h1 class="md-toolbar-tools" flex layout="column">
   </md-sidenav>
 
   <div layout="column" layout-fill tabIndex="-1" role="main">
-    <md-toolbar md-theme-levels="{ backgroundColor: 900 }" layout="column">
+    <md-toolbar layout="column">
       <div class="md-toolbar-tools" ng-click="openMenu()" flex layout="column">
         <div layout="row" flex>
           <button class="menu-icon" show hide-gt-md aria-label="Toggle Menu" style="position: relative; top: -5px;">

src/core/services/theming/theming.js

@@ -5,7 +5,6 @@
 angular.module('material.core')
   .directive('mdTheme', ThemingDirective)
   .directive('mdThemable', ThemableDirective)
-  .directive('mdThemeLevels', ThemeLevelsDirective)
   .provider('$mdTheming', ThemingProvider);
 
 /**
@@ -101,40 +100,6 @@ function ThemingProvider() {
   }
 }
 
-function ThemeLevelsDirective($window, $mdTheming) {
-  var lookup = {},
-      dummyElement = angular.element('<div>'),
-      body = angular.element(document.body);
-
-  return function (scope, element, attr) {
-    var styles = scope.$eval(attr.mdThemeLevels),
-        themeName;
-    angular.forEach(styles, function (value, key) {
-      styles[key] = getColor(value);
-    });
-    element.css(styles);
-    $mdTheming(element);
-    themeName = element.controller('mdTheme').$mdTheme;
-    function getColor(level) {
-      //-- get or create theme
-      var theme = lookup[themeName],
-          color;
-      if (!theme) theme = lookup[themeName] = {};
-      //-- attempt to get color
-      color = theme[level];
-      //-- if color has been found already, return it
-      if (color) return color;
-      //-- otherwise, use the dummy DOM element to find it
-      element.append(dummyElement);
-      $mdTheming(dummyElement);
-      dummyElement.attr('md-color-level', level);
-      theme[level] = color = $window.getComputedStyle(dummyElement[0]).color;
-      dummyElement.remove();
-      return color;
-    }
-  };
-}
-
 function ThemingDirective($interpolate) {
   return {
     priority: 100,