Bug 1549809 - Apply common styling to the shadow DOM. r=MattN

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

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

browser/components/aboutlogins/content/aboutLogins.html

@@ -37,6 +37,7 @@
                                  username-label"></login-item>
 
     <template id="login-list-template">
+      <link rel="stylesheet" type="text/css" href="chrome://global/skin/in-content/common.css">
       <link rel="stylesheet" href="chrome://browser/content/aboutlogins/components/login-list.css">
       <h2></h2>
       <ol>
@@ -44,12 +45,14 @@
     </template>
 
     <template id="login-list-item-template">
+      <link rel="stylesheet" type="text/css" href="chrome://global/skin/in-content/common.css">
       <link rel="stylesheet" href="chrome://browser/content/aboutlogins/components/login-list-item.css">
       <span class="hostname"></span>
       <span class="username"></span>
     </template>
 
     <template id="login-item-template">
+      <link rel="stylesheet" type="text/css" href="chrome://global/skin/in-content/common.css">
       <link rel="stylesheet" href="chrome://browser/content/aboutlogins/components/login-item.css">
       <h2 class="header"></h2>
       <button class="delete-button"></button>
@@ -73,6 +76,7 @@
     </template>
 
     <template id="login-filter-template">
+      <link rel="stylesheet" type="text/css" href="chrome://global/skin/in-content/common.css">
       <link rel="stylesheet" href="chrome://browser/content/aboutlogins/components/login-filter.css">
       <input type="text"/>
     </template>