Bug 1579265 - Color of edit/delete icon and text should be lighter. r=sfoster
authorJared Wein <jwein@mozilla.com>
Thu, 19 Sep 2019 20:36:14 +0000
changeset 494112 6a170d0b64834009f53d7542defef31280624d24
parent 494110 27235c08afbbb130570035bec3d792526253f11e
child 494113 035571ecb6635be35680d5e4ae11cb33552485ab
push id36596
push userapavel@mozilla.com
push dateFri, 20 Sep 2019 09:45:58 +0000
treeherdermozilla-central@52cb15e3f794 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerssfoster
bugs1579265
milestone71.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1579265 - Color of edit/delete icon and text should be lighter. r=sfoster Differential Revision: https://phabricator.services.mozilla.com/D46493
browser/components/aboutlogins/content/components/login-item.css
--- a/browser/components/aboutlogins/content/components/login-item.css
+++ b/browser/components/aboutlogins/content/components/login-item.css
@@ -6,16 +6,17 @@
   padding: 40px;
   display: flex;
   flex-direction: column;
 
   --reveal-checkbox-opacity: .8;
   --reveal-checkbox-opacity-hover: .6;
   --reveal-checkbox-opacity-active: 1;
   --success-color: #00c100;
+  --edit-delete-button-color: #4a4a4f;
 }
 
 form {
   flex-grow: 1;
 }
 
 :host([data-editing]) .edit-button,
 :host([data-editing]) .copy-button,
@@ -77,16 +78,17 @@ input[type="url"][readOnly] {
   flex-grow: 1;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
 .delete-button,
 .edit-button {
+  color: var(--edit-delete-button-color) !important;
   background-repeat: no-repeat;
   background-position: 8px;
   -moz-context-properties: fill;
   fill: currentColor;
   min-width: auto;
 }
 
 .delete-button:dir(rtl),
@@ -336,15 +338,16 @@ a.breach-alert-link {
 
 @supports -moz-bool-pref("browser.in-content.dark-mode") {
   @media (prefers-color-scheme: dark) {
     :host {
       --reveal-checkbox-opacity: .8;
       --reveal-checkbox-opacity-hover: 1;
       --reveal-checkbox-opacity-active: .6;
       --success-color: #86DE74;
+      --edit-delete-button-color: #cfcfd1;
     }
 
     .breach-alert {
       box-shadow: 0 2px 8px 0 rgba(249,249,250,0.1);
     }
   }
 }