Bug 1477277 - Use panel CSS variables instead of hardcoded colors for UITour panel. r=johannh
MozReview-Commit-ID: C2CmhXO5qgv
--- 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;
}