Bug 1477277 - Use panel CSS variables instead of hardcoded colors for UITour panel. r=johannh draft
authorTim Nguyen <ntim.bugs@gmail.com>
Fri, 20 Jul 2018 15:45:57 +0100
changeset 820849 33317cf49771410f830e10e3089371cfc00ac6bb
parent 820366 8a66951dd403316aba45f36c3502df83cc5ed5f1
push id116962
push userbmo:ntim.bugs@gmail.com
push dateFri, 20 Jul 2018 14:46:27 +0000
reviewersjohannh
bugs1477277
milestone63.0a1
Bug 1477277 - Use panel CSS variables instead of hardcoded colors for UITour panel. r=johannh MozReview-Commit-ID: C2CmhXO5qgv
browser/themes/shared/UITour.inc.css
--- a/browser/themes/shared/UITour.inc.css
+++ b/browser/themes/shared/UITour.inc.css
@@ -73,18 +73,18 @@
 }
 
 #UITourTooltipClose > .toolbarbutton-text {
   display: none;
 }
 
 #UITourTooltipButtons {
   -moz-box-pack: end;
-  background-color: hsla(210,4%,10%,.07);
-  border-top: 1px solid hsla(210,4%,10%,.14);
+  background-color: var(--arrowpanel-dimmed);
+  border-top: 1px solid var(--panel-separator-color);
   margin: 10px -16px -16px;
   padding: 16px;
 }
 
 #UITourTooltipButtons > label,
 #UITourTooltipButtons > button {
   margin: 0 15px;
 }
@@ -124,30 +124,26 @@
 
 #UITourTooltipButtons > button:not(.button-link):not(:active):hover {
   background-color: hsla(210,4%,10%,.15);
   border-color: hsla(210,4%,10%,.15);
   box-shadow: 0 1px 0 0 hsla(210,4%,10%,.05) inset;
 }
 
 #UITourTooltipButtons > label,
-#UITourTooltipButtons > button.button-link {
+#UITourTooltipButtons > button.button-link:not(:hover) {
   -moz-appearance: none;
   background: transparent;
   border: none;
   box-shadow: none;
-  color: rgba(0,0,0,0.35);
+  color: var(--panel-disabled-color);
   padding-left: 10px;
   padding-right: 10px;
 }
 
-#UITourTooltipButtons > button.button-link:hover {
-  color: black;
-}
-
 /* The primary button gets the same color as the customize button. */
 #UITourTooltipButtons > button.button-primary {
   background-color: rgb(116,191,67);
   color: white;
   padding-left: 30px;
   padding-right: 30px;
 }