Fix focus outline for OOBE local links.

Bug: 887393
Change-Id: I9d831098a90a59efe51e9161babad8187f43656c
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2036093
Commit-Queue: Denis Kuznetsov [CET] <antrim@chromium.org>
Reviewed-by: Roman Sorokin [CET] <rsorokin@chromium.org>
Cr-Commit-Position: refs/heads/master@{#738187}

chrome/browser/resources/chromeos/login/enterprise_enrollment.css

@@ -55,12 +55,6 @@
   vertical-align: top;
 }
 
-.oauth-enroll-link {
-  color: rgb(17, 85, 204);
-  cursor: pointer;
-  text-decoration: none;
-}
-
 .oauth-enroll-button {
   display: none;
 }

chrome/browser/resources/chromeos/login/enterprise_enrollment.html

@@ -173,7 +173,7 @@
                 [[i18nDynamic(locale, 'oauthEnrollAttributeExplanation')]]
               </span>
               <a href="#" id="oauth-enroll-learn-more-link"
-                 class="oauth-enroll-link">
+                 class="oobe-local-link">
                 [[i18nDynamic(locale, 'oauthEnrollExplainAttributeLink')]]
               </a>
             </div>

chrome/browser/resources/chromeos/login/notification_card.css

@@ -31,7 +31,13 @@ iron-icon[icon='notification-card:done'] {
 }
 
 a {
-  color: var(--google-blue-500);
+  color: rgb(17, 85, 204); /* #1155CC */
+  cursor: pointer;
   text-decoration: none;
 }
 
+a:focus {
+  outline-color: rgb(77, 144, 254); /* #4D90FE */
+  transition: outline-color 200ms;
+}
+

chrome/browser/resources/chromeos/login/oobe_adb_sideloading_screen.html

@@ -25,7 +25,7 @@
       <div slot="subtitle">
         <div>
           [[i18nDynamic(locale, 'enableAdbSideloadingSetupMessage')]]
-          <a href="#" on-tap="onLearnMoreTap_">
+          <a href="#" on-tap="onLearnMoreTap_" class="oobe-local-link">
             [[i18nDynamic(locale, 'enableAdbSideloadingLearnMore')]]
           </a>
         </div>
@@ -59,7 +59,7 @@
       </hd-iron-icon>
       <div slot="subtitle">
         [[i18nDynamic(locale, 'enableAdbSideloadingErrorMessage')]]
-        <a href="#" on-tap="onLearnMoreTap_">
+        <a href="#" on-tap="onLearnMoreTap_" class="oobe-local-link">
           [[i18nDynamic(locale, 'enableAdbSideloadingLearnMore')]]
         </a>
       </div>

chrome/browser/resources/chromeos/login/oobe_dialog_host.css

@@ -40,3 +40,8 @@
   cursor: pointer;
   text-decoration: none;
 }
+
+.oobe-local-link:focus {
+  outline-color: rgb(77, 144, 254); /* #4D90FE */
+  transition: outline-color 200ms;
+}

chrome/browser/resources/chromeos/login/oobe_eula.html

@@ -45,7 +45,8 @@
             <span id="usageStatsLabel" on-tap="usageStatsLabelClicked_">
               [[i18nDynamic(locale, 'checkboxLogging')]]
             </span>
-            <a id="learn-more" href="#" on-tap="onUsageStatsHelpLinkClicked_">
+            <a id="learn-more" href="#" on-tap="onUsageStatsHelpLinkClicked_"
+                class="oobe-local-link">
               [[i18nDynamic(locale, 'learnMore')]]
             </a>
           </div>

chrome/browser/resources/chromeos/login/oobe_reset.html

@@ -36,6 +36,7 @@
           [[i18nDynamic(locale, 'resetRestartMessage')]]
         </div>
         <a id="powerwash-help-link-md" href="#"
+            class="oobe-local-link"
             hidden="[[isHelpLinkHidden_(uiState_, isGoogleBranded_)]]"
             on-tap="onLearnMoreTap_">
           [[i18nDynamic(locale, 'learnMore')]]
@@ -70,6 +71,7 @@
             </span>
             <a href="#"
                 hidden="[[isHelpLinkHidden_(uiState_, isGoogleBranded_)]]"
+                class="oobe-local-link"
                 on-tap="onTPMFirmwareUpdateLearnMore_">
               [[i18nDynamic(locale, 'learnMore')]]
             </a>

chrome/browser/resources/chromeos/login/oobe_welcome_dialog.html

@@ -119,7 +119,8 @@
           </video>
         </if>
         <div hidden="[[!debuggingLinkVisible]]">
-          <a href="#" on-tap="onDebuggingLinkClicked_" id="enableDebuggingLink">
+          <a href="#" on-tap="onDebuggingLinkClicked_" id="enableDebuggingLink"
+             class="oobe-local-link">
             [[i18nDynamic(locale, 'debuggingFeaturesLink')]]
           </a>
         </div>