Fix border width and color in chrome://settings/passwords/device

The border of "View and manage saved passwords in your Google Account"
should actually have a width of 1px and color --google-grey-refresh-300
(or --google-grey-700 in dark mode).

https://www.figma.com/file/PN9sJ5Mx2lx4nHBm3la4oT/Butter-for-passwords?node-id=4024%3A74326
https://source.chromium.org/chromium/chromium/src/+/master:ui/webui/resources/cr_elements/shared_vars_css.html;l=49

Bug: 1114702
Change-Id: Ie7931ccac155482e1e020b2c61399c2bde426b19
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2346432Reviewed-by: Friedrich [CET] <fhorschig@chromium.org>
Reviewed-by: Marc Treib <treib@chromium.org>
Commit-Queue: Victor Vianna <victorvianna@google.com>
Cr-Commit-Position: refs/heads/master@{#797172}

chrome/browser/resources/settings/autofill_page/passwords_device_section.html

@@ -7,12 +7,18 @@
   }
 
   #manageAccountPasswordsBanner {
-    border: 2px solid var(--google-grey-200);
+    border: 1px solid var(--google-grey-refresh-300);
     border-radius: 10px;
     cursor: pointer;
     margin: 10px 20px;
     padding: 0 10px;
   }
+
+  @media (prefers-color-scheme: dark) {
+    #manageAccountPasswordsBanner {
+      border: 1px solid var(--google-grey-700);
+    }
+  }
 </style>
 <div class="cr-row first">
   <h2 class="flex">