Bug 1570740 - Add yellow-10 color to common.css for use by the breached logins notification in about:logins. r=shorlander

Differential Revision: https://phabricator.services.mozilla.com/D40301

--HG--
extra : moz-landing-system : lando

browser/components/aboutlogins/content/aboutLogins.html

@@ -130,7 +130,7 @@
       <link rel="stylesheet" href="chrome://browser/content/aboutlogins/components/login-item.css">
       <div class="breach-alert">
         <span class="breach-alert-text" data-l10n-id="breach-alert-text"></span>
-        <a class="breach-alert-link" data-l10n-id="breach-alert-link" rel="noopener noreferer" target="_blank"></a>
+        <a class="breach-alert-link" data-l10n-id="breach-alert-link" href="#" rel="noopener noreferer" target="_blank"></a>
       </div>
       <div class="header">
         <h2 class="title">

browser/components/aboutlogins/content/components/login-item.css

@@ -193,7 +193,7 @@
 .breach-alert {
   border-radius: 8px;
   border: 1px solid var(--in-content-border-color);
-  background-color: #FFFF98;
+  background-color: var(--yellow-10);
   background-image: url("chrome://global/skin/icons/warning.svg");
   background-repeat: no-repeat;
   background-position: left 10px top 10px;

toolkit/themes/shared/in-content/common.inc.css

@@ -86,6 +86,7 @@
   --red-70: #a4000f;
   --red-80: #5a0002;
   --red-90: #3e0200;
+  --yellow-10: #ffff98;
   --yellow-50: #ffe900;
   --yellow-60: #d7b600;
   --yellow-70: #a47f00;