Add new botlist for swarming

appengine/swarming/elements/res/imp/common/swarming-app.html

 <!--
   Copyright 2016 The LUCI Authors. All rights reserved.
   Use of this source code is governed under the Apache License, Version 2.0
   that can be found in the LICENSE file.
 
   This in an HTML Import-able file that contains the definition
   of the following elements:
 
     <swarming-app>
 
-  Usage:
+  <swarming-app> is meant to be used in top level elements to provide the header
+      toolbar and authentication.
 
-    <swarming-app></swarming-app>
+  It contains the definition of the following style modules:
+
+    swarming-app-style
+
+  <style include="shared-style"> contains styles to be shared among all
+      apps, such as colors.
 
   Properties:
     auth_headers: Object, Use this in iron-ajax to set oauth2 headers.
     busy: Boolean, If the busy spinner should be active.
     name: String, the name of the app to be displayed.
 
   Methods:
     None.
 
   Events:
     None.
 -->
 
 <link rel="import" href="/res/imp/bower_components/app-layout/app-layout.html">
+<link rel="import" href="/res/imp/bower_components/iron-flex-layout/iron-flex-layout-classes.html">
 <link rel="import" href="/res/imp/bower_components/paper-spinner/paper-spinner-lite.html">
-<link rel="import" href="/res/imp/bower_components/iron-flex-layout/iron-flex-layout-classes.html">
 
 <link rel="import" href="/res/imp/common/auth-signin.html">
 
 <dom-module id="swarming-app">
   <template>
     <style include="iron-flex">
       :host {
         position: absolute;
         top: 0;
         bottom: 0;
         left: 0;
         right: 0;
       }
 
       app-toolbar {
-        background-color: #4285f4;
+        background-color: #1F78B4;
         color: #fff;
       }
 
       app-toolbar a {
         color: #fff;
       }
       .left {
         margin-right:15px;
       }
       .right {
         margin-left:15px;
       }
       .main-content {
         padding: 3px;
       }
 
+      .main-content a {
+        color: #1F78B4;
+      }
+
       paper-spinner-lite {
         --paper-spinner-color: var(--google-yellow-500);
       }
     </style>
     <app-header-layout>
       <app-header fixed>
         <app-toolbar>
           <div class="title left">[[name]]</div>
           <paper-spinner-lite class="left" active="[[busy]]"></paper-spinner-lite>
 
@@ skipping 25 matching lines @@
         busy: {
           type: Boolean,
         },
         name: {
           type: String,
         },
       },
 
     });
   </script>
+</dom-module>
+
+<dom-module id="swarming-app-style">
+  <style>
+      * {
+        font-family: sans-serif;
+      }
+      /* Only style anchor tags that are actually linking somewhere.*/
+      a[href] {
+        color: #1F78B4;
+      }
+  </style>
 </dom-module>