allow current nightly builds
[themes.git] / LCARStrek / browser / devtools / profiler.css
index 85b363b77a9cccdcce82844b28eadf4e5bc80986..7d9da809d8a2df4f047e9819a2962165aab034e2 100644 (file)
@@ -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;
 }
@@ -166,7 +175,7 @@ window {
   background-image: url("newtab.png");
 }
 
-@media (min-resolution: 2dppx) {
+@media (min-resolution: 1.25dppx) {
   #profile-newtab-button {
     background-image: url("newtab@2x.png");
   }
@@ -222,12 +231,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 +254,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 +275,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 +303,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 +317,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;
 }
@@ -323,7 +341,7 @@ window {
   background-image: url("magnifying-glass.png");
 }
 
-@media (min-resolution: 2dppx) {
+@media (min-resolution: 1.25dppx) {
   .call-tree-zoom {
     background-image: url("magnifying-glass@2x.png");
   }