second part of syncing LCARStrek with Firefox 38 windows theme changes

[themes.git] / LCARStrek / browser / devtools / profiler.css

diff --git a/LCARStrek/browser/devtools/profiler.css b/LCARStrek/browser/devtools/profiler.css
index 85b363b77a9cccdcce82844b28eadf4e5bc80986..1144440e3f229600b8ee1d052985dbdaab1cde14 100644 (file)
--- a/LCARStrek/browser/devtools/profiler.css
+++ b/LCARStrek/browser/devtools/profiler.css
@@ -4,6 +4,15 @@
 
 /* === file identical to profiler.inc.css === */
 
+/* CSS Variables specific to this panel that aren't defined by the themes */
+.theme-dark,
+.theme-light {
+  --cell-border-color: #9C9CFF;
+  --focus-cell-border-color: #9C9CFF;
+  --row-alt-background-color: #402800;
+  --row-hover-background-color: #795900;
+}
+
 window {
   padding: 0;
 }
@@ -184,6 +193,8 @@ window {
   overflow: auto;
 }
 
+.call-tree-cells-container[allocations-hidden] .call-tree-cell[type="allocations"],
+.call-tree-cells-container[allocations-hidden] .call-tree-cell[type="self-allocations"],
 .call-tree-cells-container[categories-hidden] .call-tree-category {
   display: none;
 }
@@ -222,12 +233,13 @@ window {
 
 .call-tree-header:not(:last-child),
 .call-tree-cell:not(:last-child) {
-  -moz-border-end: 1px solid;
+  -moz-border-end-width: 1px;
+  -moz-border-end-style: solid;
 }
 
 .call-tree-header,
 .call-tree-cell {
-  -moz-border-end-color: #9C9CFF;
+  -moz-border-end-color: var(--cell-border-color);
 }
 
 .call-tree-header:not(:last-child) {
@@ -244,15 +256,15 @@ window {
 }
 
 .call-tree-item:last-child:not(:focus) {
-  border-bottom: #9C9CFF;
+  border-bottom: 1px solid var(--cell-border-color);
 }
 
 .call-tree-item:nth-child(2n) {
-  background-color: #392900;
+  background-color: var(--row-alt-background-color);
 }
 
 .call-tree-item:hover {
-  background-color: #392900;
+  background-color: var(--row-hover-background-color);
 }
 
 .call-tree-item:focus {
@@ -265,12 +277,13 @@ window {
 }
 
 .call-tree-item:focus .call-tree-cell {
-  -moz-border-end-color: #9C9CFF;
+  -moz-border-end-color: var(--focus-cell-border-color);
 }
 
 .call-tree-item:not([origin="content"]) .call-tree-name,
 .call-tree-item:not([origin="content"]) .call-tree-url,
-.call-tree-item:not([origin="content"]) .call-tree-line {
+.call-tree-item:not([origin="content"]) .call-tree-line,
+.call-tree-item:not([origin="content"]) .call-tree-column {
   /* Style chrome and non-JS nodes differently. */
   opacity: 0.6;
 }
@@ -292,6 +305,11 @@ window {
   color: var(--theme-content-color2);
 }
 
+.call-tree-column {
+  color: var(--theme-highlight-orange);
+  opacity: 0.6;
+}
+
 .call-tree-host {
   -moz-margin-start: 8px !important;
   font-size: 90%;
@@ -301,8 +319,10 @@ window {
   color: var(--theme-highlight-pink);
 }
 
+.call-tree-name[value=""],
 .call-tree-url[value=""],
 .call-tree-line[value=""],
+.call-tree-column[value=""],
 .call-tree-host[value=""] {
   display: none;
 }