Bug 1397094 - Use the --theme-body-background color for the breadcrumbs. r=pbro
authorGabriel Luong <gabriel.luong@gmail.com>
Wed, 06 Sep 2017 10:56:11 -0400
changeset 428814 c5ae3bf0cb1a7f28e23a73096f81ff4c5b697f51
parent 428813 79bf8a92a0ea07b5a6a3c167a5586afc6dab30b4
child 428815 09f20c2547eda4acb5ac051e9fff4f54071ba854
push id7761
push userjlund@mozilla.com
push dateFri, 15 Sep 2017 00:19:52 +0000
treeherdermozilla-beta@c38455951db4 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerspbro
bugs1397094
milestone57.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 1397094 - Use the --theme-body-background color for the breadcrumbs. r=pbro
devtools/client/themes/inspector.css
devtools/client/themes/widgets.css
--- a/devtools/client/themes/inspector.css
+++ b/devtools/client/themes/inspector.css
@@ -112,17 +112,19 @@ window {
   line-height: initial;
 }
 
 #inspector-breadcrumbs-toolbar {
   padding: 0px;
   border-bottom-width: 0px;
   border-top-width: 1px;
   border-top-color: var(--theme-splitter-color);
-  background-color: var(--theme-toolbar-background);
+  /* Bug 1262668 - Use the same background as the body so the breadcrumbs toolbar doesn't
+     get mistaken as a splitter */
+  background-color: var(--theme-body-background);
   display: block;
   position: relative;
 }
 
 #inspector-breadcrumbs-toolbar,
 #inspector-breadcrumbs-toolbar * {
   box-sizing: border-box;
 }
--- a/devtools/client/themes/widgets.css
+++ b/devtools/client/themes/widgets.css
@@ -228,17 +228,17 @@
   background-repeat: no-repeat;
   /* Given the 1/2 aspect ratio of the separator pseudo-element and the 45deg angle of
      the arrow shape, we need the arrow edges to be at this position from the start of
      the gradient line. */
   --position: 66.5%;
   /* The color of the thin line in the arrow-shaped separator between 2 unselected
      crumbs. There is no theme variable for this, this used to be an image. */
   --line-color: #ACACAC;
-  --background-color: var(--theme-toolbar-background);
+  --background-color: var(--theme-body-background);
 }
 
 #debugger-toolbar .breadcrumbs-widget-item::before {
   --background-color: var(--theme-toolbar-background);
 }
 
 .theme-dark .breadcrumbs-widget-item::before {
   --line-color: #6E6E6E;