[FRE] Unify chrome://welcome and chrome://welcome-win10 button styles.

chrome/browser/resources/welcome/welcome.css

 /* Copyright 2016 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. */
 
 body {
   align-items: center;
   color: var(--paper-grey-900);
   display: flex;
   flex-direction: column;
   font-size: 100%;
@@ skipping 161 matching lines @@
 }
 
 .signin-buttons {
   align-items: center;
   display: flex;
   flex-direction: column;
   margin-top: 2em;
 }
 
 .action {
+  -webkit-font-smoothing: antialiased;
   background: var(--google-blue-500);
   border-radius: 2px;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
   color: white;
   font-size: .8125em;
   font-weight: 500;
   line-height: 2.25rem;
   padding: 0 1.5em;
+  transition: 300ms cubic-bezier(.4, .2, 0, 1);
+  will-change: box-shadow;
+}
+
+.action:hover {
+  background: var(--paper-blue-a400);
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .24)

[tmartino, 2017/03/22 18:04:43]

;

[huangs, 2017/03/22 20:15:08]

Good catch! Also fixing this in inline.html.

 }
 
 .action:active {
   background: var(--google-blue-500);
 }
 
-.action:focus {
+.action.keyboard-focus {
   background: var(--google-blue-700);
 }
 
 .link {
   color: var(--google-blue-700);
   display: inline-block;
   font-size: .8125em;
   margin: 1.5em;
   text-align: center;
   text-decoration: none;
 }
 
 .watermark {
   -webkit-mask-image: url(chrome://welcome/watermark.svg);
   -webkit-mask-repeat: no-repeat;
   -webkit-mask-size: 100%;
   animation: fadeIn 1s cubic-bezier(0, 0, .2, 1) both;
   background: var(--paper-grey-400);
   bottom: 24px;
   height: 24px;
   position: absolute;
   width: 74px;
 }
 
 @media(max-height: 608px) {
   .watermark {
     display: none;
   }
 }