[WebUI] Managed UI: dark mode support

This adds dark mode support to <managed-footnote> by using standard colors. Bug: 919102 Change-Id: I797a46086b72df78720a6e1ecae18c9e0debb7fe Reviewed-on: https://chromium-review.googlesource.com/c/1427573 Commit-Queue: Nicolas Ouellet-Payeur <nicolaso@chromium.org> Reviewed-by: Dan Beam <dbeam@chromium.org> Cr-Commit-Position: refs/heads/master@{#625061}
Denger-Network · Jan 23, 2019 · 39f8897 · 39f8897
1 parent 0fa1610
commit 39f8897
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/ui/webui/resources/cr_components/managed_footnote/managed_footnote.html b/ui/webui/resources/cr_components/managed_footnote/managed_footnote.html
@@ -3,18 +3,17 @@
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html">
 <link rel="import" href="../../cr_elements/icons.html">
+<link rel="import" href="../../cr_elements/shared_vars_css.html">
 <link rel="import" href="../../html/i18n_behavior.html">
 <link rel="import" href="../../html/load_time_data.html">
 
 <dom-module id="managed-footnote">
   <template>
     <style>
       :host {
-        --iron-icon-fill-color: var(--google-grey-refresh-700);
-
         align-items: center;
-        border-top: 1px solid var(--google-grey-300);
-        color: var(--google-grey-refresh-700);
+        border-top: 1px solid var(--cr-separator-color);
+        color: var(--cr-secondary-text-color);
         display: none;
         /* Should be 13px when <html> font-size is 16px */
         font-size: 0.8125rem;