Backed out changeset 0ed64fbf607c (bug 1391003) for dt failures in browser_theme.js a=backout

MozReview-Commit-ID: Abx9QEUN1MG
This commit is contained in:
Wes Kocher 2017-09-01 09:48:49 -07:00
parent 693b60cf9c
commit 806f5cc4ee
14 changed files with 30 additions and 25 deletions

View File

@ -829,7 +829,7 @@ html .arrow.expanded svg {
}
.theme-dark .managed-tree .tree .node.focused {
background-color: var(--theme-selection-background-hover);
background-color: var(--theme-selection-background-semitransparent);
padding-bottom: 2px;
}
@ -2199,7 +2199,7 @@ html[dir="rtl"] .editor-mount {
}
.editor-wrapper .highlight-lines {
background: var(--theme-selection-background-hover);
background: var(--theme-selection-background-semitransparent);
}
.coverage-on .CodeMirror-code :not(.hit-marker) .CodeMirror-line,

View File

@ -624,15 +624,17 @@ MarkupContainer.prototype = {
this._hovered = value;
if (value) {
if (!this.selected) {
this.tagState.classList.add("tag-hover");
this.tagState.classList.add("theme-bg-darker");
}
if (this.closeTagLine) {
this.closeTagLine.querySelector(".tag-state").classList.add("tag-hover");
this.closeTagLine.querySelector(".tag-state").classList.add(
"theme-bg-darker");
}
} else {
this.tagState.classList.remove("tag-hover");
this.tagState.classList.remove("theme-bg-darker");
if (this.closeTagLine) {
this.closeTagLine.querySelector(".tag-state").classList.remove("tag-hover");
this.closeTagLine.querySelector(".tag-state").classList.remove(
"theme-bg-darker");
}
}
},

View File

@ -38,6 +38,6 @@
}
.toolbar .btn:not([disabled]):hover:active {
background-color: var(--theme-selection-background-hover);
background-color: var(--theme-selection-background-semitransparent);
}

View File

@ -742,7 +742,7 @@ body,
}
.request-list-item:not(.selected):hover {
background-color: var(--theme-selection-background-hover);
background-color: var(--theme-selection-background-semitransparent);
}
.request-list-item.fromCache > .requests-list-column:not(.requests-list-waterfall) {

View File

@ -182,7 +182,7 @@
.theme-light .treeTable .treeRow:hover,
.theme-dark .treeTable .treeRow:hover {
background-color: var(--theme-selection-background-hover) !important;
background-color: var(--theme-selection-background-semitransparent) !important;
}
.theme-firebug .treeTable .treeRow:hover {

View File

@ -212,6 +212,6 @@
.cubic-bezier-container .active-preset canvas,
.cubic-bezier-container .active-preset:hover canvas {
background-color: var(--theme-selection-background-hover);
background-color: var(--theme-selection-background-semitransparent);
border-color: var(--theme-selection-background);
}

View File

@ -377,8 +377,7 @@ body {
}
.animation-timeline .animation.selected {
background-color: var(--theme-selection-background-hover);
z-index: -1;
background-color: var(--theme-selection-background-semitransparent);
}
.animation-timeline .animation:last-child {

View File

@ -342,7 +342,7 @@ checkbox:-moz-focusring {
.devtools-button:not(:empty):not(.checked):not(:disabled):hover:active,
.devtools-toolbarbutton:not(:-moz-any([checked=true],[disabled]))[label]:hover:active {
background-color: var(--theme-selection-background-hover);
background-color: var(--theme-selection-background-semitransparent);
}
.devtools-toolbarbutton:not([disabled])[label][checked=true],

View File

@ -27,6 +27,10 @@ body {
color: var(--theme-selection-color);
}
.theme-bg-darker {
background-color: var(--theme-selection-background-semitransparent);
}
.theme-selected,
.CodeMirror-hint-active {
background-color: var(--theme-selection-background);
@ -54,6 +58,7 @@ body {
color: var(--theme-highlight-blue);
}
.theme-comment,
.cm-s-mozilla .cm-meta,
.cm-s-mozilla .cm-hr,

View File

@ -27,6 +27,10 @@ body {
color: var(--theme-selection-color);
}
.theme-bg-darker {
background: var(--theme-selection-background-semitransparent);
}
.theme-selected,
.CodeMirror-hint-active {
background-color: var(--theme-selection-background);

View File

@ -175,11 +175,6 @@ ul.children + .tag-line::before {
z-index: 0;
}
.tag-line .tag-hover:not(.theme-selected) {
background: var(--theme-selection-background-hover);
z-index: -1;
}
.expander {
display: inline-block;
margin-left: -14px;

View File

@ -396,7 +396,7 @@
}
.stack-frame-call:hover {
background-color: var(--theme-selection-background-hover);
background-color: var(--theme-selection-background-semitransparent);
}
.stack-frame-async {

View File

@ -25,8 +25,8 @@
--theme-toolbar-background-alt: #f5f5f5;
--theme-toolbar-hover: rgba(170, 170, 170, .2);
--theme-toolbar-hover-active: rgba(170, 170, 170, .4);
--theme-selection-background: var(--blue-55);
--theme-selection-background-hover: #F0F9FE;
--theme-selection-background: #4c9ed9;
--theme-selection-background-semitransparent: rgba(76, 158, 217, 0.15);
--theme-selection-color: #f5f7fa;
--theme-splitter-color: #dde1e4;
--theme-comment: #696969;
@ -93,8 +93,8 @@
--theme-toolbar-background-alt: #2F343E;
--theme-toolbar-hover: rgba(110, 120, 130, 0.1);
--theme-toolbar-hover-active: rgba(110, 120, 130, 0.2);
--theme-selection-background: #204E8A;
--theme-selection-background-hover: #353B48;
--theme-selection-background: #5675B9;
--theme-selection-background-semitransparent: rgba(86, 117, 185, 0.5);
--theme-selection-color: #f5f7fa;
--theme-splitter-color: #454d5d;
--theme-comment: #757873;
@ -159,7 +159,7 @@
--theme-toolbar-background: rgb(240, 240, 240) linear-gradient(rgba(255, 255, 255, 0.8), transparent);
--theme-toolbar-tab-selected-background: rgb(253, 253, 253);
--theme-selection-background: #3399ff;
--theme-selection-background-hover: rgba(128,128,128,0.2);
--theme-selection-background-semitransparent: rgba(128,128,128,0.2);
--theme-selection-color: white;
--theme-splitter-color: #bfbfbf;
--theme-comment: darkgreen;

View File

@ -630,7 +630,7 @@ a.learn-more-link.webconsole-learn-more-link {
padding: 0 1px;
-moz-box-align: stretch;
--toolbarbutton-checked-color: var(--theme-body-color);
--toolbarbutton-checked-background: var(--theme-selection-background-hover);
--toolbarbutton-checked-background: var(--theme-selection-background-semitransparent);
}
.devtools-toolbarbutton > .toolbarbutton-menubutton-button > .toolbarbutton-icon {