Merge pull request #737 from PolymerElements/sjs/active-tap

Add a selected menu item background color

.travis.yml

@@ -10,7 +10,6 @@ addons:
       - google-chrome-stable
       - g++-4.8
 node_js:
-  - '0.10'
   - '0.12'
   - '4.2'
   - '5.1'

app/index.html

@@ -76,7 +76,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
         </paper-toolbar>
 
         <!-- Drawer Content -->
-        <paper-menu attr-for-selected="data-route" selected="[[route]]">
+        <paper-menu class="app-menu" attr-for-selected="data-route" selected="[[route]]">
           <a data-route="home" href="{{baseUrl}}">
             <iron-icon icon="home"></iron-icon>
             <span>Home</span>

app/styles/shared-styles.html

@@ -9,6 +9,13 @@
         @apply(--paper-font-display2);
       }
 
+      .app-menu {
+        --paper-menu-selected-item: {
+          color: #fff;
+          background: var(--light-primary-color);
+        }
+      }
+
       paper-menu a > *, paper-menu paper-item > *, paper-menu paper-icon-item > * {
         pointer-events: none;
       }