Bug 1468517 - Make toolbar_bottom_separator color apply to findbar top border. r=dao

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

--HG--
extra : moz-landing-system : lando
This commit is contained in:
Tim Nguyen 2018-11-18 18:16:52 +00:00
parent e065b38e0a
commit f3c3251f9d
5 changed files with 13 additions and 10 deletions

View File

@ -46,7 +46,7 @@ const ThemeVariableMap = [
["--lwt-toolbar-vertical-separator", {
lwtProperty: "toolbar_vertical_separator",
}],
["--toolbox-border-bottom-color", {
["--chrome-content-separator-color", {
lwtProperty: "toolbar_bottom_separator",
}],
["--lwt-toolbarbutton-icon-fill", {

View File

@ -24,7 +24,7 @@
--urlbar-separator-color: ThreeDShadow;
--toolbox-border-bottom-color: ThreeDShadow;
--chrome-content-separator-color: ThreeDShadow;
}
#navigator-toolbox {
@ -36,7 +36,7 @@
}
:root:-moz-lwtheme {
--toolbox-border-bottom-color: rgba(0,0,0,.3);
--chrome-content-separator-color: rgba(0,0,0,.3);
--panel-separator-color: hsla(210,4%,10%,.14);
}
@ -456,6 +456,7 @@ notification[value="translation"] menulist > .menulist-dropmarker {
.browserContainer > findbar:-moz-lwtheme {
background-color: var(--lwt-accent-color);
background-image: linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor));
border-top-color: var(--chrome-content-separator-color);
text-shadow: none;
}

View File

@ -27,11 +27,11 @@
--urlbar-separator-color: hsla(0,0%,16%,.2);
--toolbox-border-bottom-color: #e1e1e2;
--chrome-content-separator-color: #e1e1e2;
}
:root:-moz-lwtheme {
--toolbox-border-bottom-color: rgba(0,0,0,.3);
--chrome-content-separator-color: rgba(0,0,0,.3);
}
:root[lwt-popup-brighttext] {
@ -61,7 +61,7 @@
height: 1px;
/* use inset box-shadow instead of border because -moz-appearance hides the border */
border: none;
box-shadow: inset 0 -1px var(--toolbox-border-bottom-color);
box-shadow: inset 0 -1px var(--chrome-content-separator-color);
}
#tabbrowser-tabs {
@ -567,6 +567,7 @@ html|input.urlbar-input {
.browserContainer > findbar:-moz-lwtheme {
background-color: var(--lwt-accent-color);
background-image: linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor));
border-top-color: var(--chrome-content-separator-color);
color: var(--toolbar-color);
}

View File

@ -30,7 +30,7 @@
#navigator-toolbox::after {
content: "";
display: -moz-box;
border-bottom: 1px solid var(--toolbox-border-bottom-color);
border-bottom: 1px solid var(--chrome-content-separator-color);
}
:root[customizing] #navigator-toolbox::after {

View File

@ -24,7 +24,7 @@
--urlbar-separator-color: ThreeDLightShadow;
--toolbox-border-bottom-color: ThreeDShadow;
--chrome-content-separator-color: ThreeDShadow;
}
#navigator-toolbox {
@ -45,7 +45,7 @@
--panel-separator-color: hsla(210,4%,10%,.14);
--toolbox-border-bottom-color: #e1e1e2;
--chrome-content-separator-color: #e1e1e2;
}
#navigator-toolbox {
@ -58,7 +58,7 @@
}
:root:-moz-lwtheme {
--toolbox-border-bottom-color: rgba(0,0,0,.3);
--chrome-content-separator-color: rgba(0,0,0,.3);
--panel-separator-color: hsla(210,4%,10%,.14);
}
@ -672,6 +672,7 @@ html|*.urlbar-input:-moz-lwtheme::placeholder,
.browserContainer > findbar:-moz-lwtheme {
background-color: var(--lwt-accent-color);
background-image: linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor));
border-top-color: var(--chrome-content-separator-color);
text-shadow: none;
}