fifth part of syncing LCARStrek with Firefox 36 windows theme changes

diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css
index af16fbddaf50cda15e648473d882092198506e50..71579fb92f5caedf653b242c2607e5d2041ea661 100644 (file)
--- a/LCARStrek/browser/browser.css
+++ b/LCARStrek/browser/browser.css
@@ -114,7 +114,7 @@ menubar {
   height: 1px;
 }
 
-#navigator-toolbox > toolbar:not(:-moz-lwtheme) {
+#navigator-toolbox > toolbar {
 }
 
 #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(:-moz-lwtheme) {

diff --git a/LCARStrek/browser/devtools/computedview.css b/LCARStrek/browser/devtools/computedview.css
index 428c131a8c4bccca06ade0a9b3f9c5d7c86cd433..eae29c3907462c45da43057d474e1a3f5a90a1e7 100644 (file)
--- a/LCARStrek/browser/devtools/computedview.css
+++ b/LCARStrek/browser/devtools/computedview.css
@@ -27,6 +27,10 @@ body {
   flex: 1;
 }
 
+.row-striped {
+  background: var(--theme-body-background);
+}
+
 .property-view-hidden,
 .property-content-hidden {
   display: none;

diff --git a/LCARStrek/browser/devtools/dark-theme.css b/LCARStrek/browser/devtools/dark-theme.css
index b9c7f60b8436e9fa52ac63186fac759daac8b5d0..0d34733637be4fb911d9cd5a47e5b89f701e44d0 100644 (file)
--- a/LCARStrek/browser/devtools/dark-theme.css
+++ b/LCARStrek/browser/devtools/dark-theme.css
@@ -11,8 +11,9 @@
   --theme-sidebar-background: #000000;
   --theme-contrast-background: #402800;
   --theme-contrast-border: #A09090;
+  --theme-contrast-background2: #795900;
 
-  --theme-tab-toolbar-background: #.252c33;
+/*  --theme-tab-toolbar-background: #.252c33; */
   --theme-toolbar-background: #000000;
   --theme-hover-background: #FFCF00;
   --theme-hover-color: #000000;

diff --git a/LCARStrek/browser/devtools/performance.css b/LCARStrek/browser/devtools/performance.css
index a3e77c69b5e4b74dd88e56ec26731df7ab97d628..c0939c8ea5b7eed2404c5a63863575a2793cd018 100644 (file)
--- a/LCARStrek/browser/devtools/performance.css
+++ b/LCARStrek/browser/devtools/performance.css
@@ -435,3 +435,173 @@
   /* Text inside a selected item should not be custom colored. */
   color: inherit !important;
 }
+
+/* Profile call tree */
+
+.call-tree-headers-container {
+  border-top: 1px solid var(--theme-splitter-color);
+}
+
+.call-tree-cells-container {
+  /* Hack: force hardware acceleration */
+  transform: translateZ(1px);
+  overflow: auto;
+}
+
+.call-tree-cells-container[categories-hidden] .call-tree-category {
+  display: none;
+}
+
+.call-tree-header[type="duration"],
+.call-tree-cell[type="duration"],
+.call-tree-header[type="self-duration"],
+.call-tree-cell[type="self-duration"] {
+  width: 9em;
+}
+
+.call-tree-header[type="percentage"],
+.call-tree-cell[type="percentage"],
+.call-tree-header[type="self-percentage"],
+.call-tree-cell[type="self-percentage"] {
+  width: 6em;
+}
+
+.call-tree-header[type="samples"],
+.call-tree-cell[type="samples"] {
+  width: 5em;
+}
+
+.call-tree-header[type="function"],
+.call-tree-cell[type="function"] {
+  -moz-box-flex: 1;
+}
+
+.call-tree-header,
+.call-tree-cell {
+  -moz-box-align: center;
+  overflow: hidden;
+  padding: 1px 4px;
+}
+
+.call-tree-header:not(:last-child),
+.call-tree-cell:not(:last-child) {
+  -moz-border-end: 1px solid;
+}
+
+.call-tree-header,
+.call-tree-cell {
+  -moz-border-end-color: var(--theme-splitter-color);
+  color: var(--theme-body-color);
+}
+
+.call-tree-header:not(:last-child) {
+  text-align: center;
+}
+
+.call-tree-cell:not(:last-child) {
+  text-align: end;
+}
+
+.call-tree-header {
+  background-color: var(--theme-toolbar-background);
+}
+
+.call-tree-item:last-child:not(:focus) {
+  border-bottom: 1px solid var(--theme-splitter-color);
+}
+
+.call-tree-item:nth-child(2n) {
+  background-color: var(--theme-contrast-background);
+}
+
+.call-tree-item:hover {
+  background-color: var(--theme-hover-background);
+  color: var(--theme-hover-color);
+}
+
+.call-tree-item:focus {
+  background-color: var(--theme-selection-background);
+}
+
+.call-tree-item:focus label {
+  color: var(--theme-selection-color);
+}
+
+.call-tree-item:focus .call-tree-cell {
+  -moz-border-end-color: var(--theme-splitter-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 {
+  /* Style chrome and non-JS nodes differently. */
+  opacity: 0.6;
+}
+
+.call-tree-url {
+  -moz-margin-start: 4px !important;
+  cursor: pointer;
+}
+
+.call-tree-url:hover {
+  text-decoration: underline;
+}
+
+.call-tree-url {
+  color: var(--theme-text-blue);
+}
+
+.call-tree-line {
+  color: var(--theme-contrast-border);
+}
+
+.call-tree-host {
+  -moz-margin-start: 8px !important;
+  font-size: 90%;
+}
+
+.call-tree-host {
+  color: ver(--theme-body-color);
+}
+
+.call-tree-url[value=""],
+.call-tree-line[value=""],
+.call-tree-host[value=""] {
+  display: none;
+}
+
+.call-tree-zoom {
+  -moz-appearance: none;
+  background-color: transparent;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 11px;
+  min-width: 11px;
+  -moz-margin-start: 8px !important;
+  cursor: zoom-in;
+  opacity: 0;
+}
+
+.call-tree-zoom {
+  background-image: url(magnifying-glass.png);
+}
+
+@media (min-resolution: 2dppx) {
+  .call-tree-zoom {
+    background-image: url(magnifying-glass@2x.png);
+  }
+}
+
+.call-tree-item:hover .call-tree-zoom {
+  transition: opacity 0.3s ease-in;
+  opacity: 1;
+}
+
+.call-tree-item:hover .call-tree-zoom:hover {
+  opacity: 0;
+}
+
+.call-tree-category {
+  transform: scale(0.75);
+  transform-origin: center right;
+}

diff --git a/LCARStrek/browser/devtools/timeline.css b/LCARStrek/browser/devtools/timeline.css
index 64945fe563f4cd2f673fd865e8fa5961c79d6212..08a189047d703c6541cbdbca5ffe5d8fd0fbcf7b 100644 (file)
--- a/LCARStrek/browser/devtools/timeline.css
+++ b/LCARStrek/browser/devtools/timeline.css
@@ -70,20 +70,13 @@
   pointer-events: none;
 }
 
-.theme-dark .waterfall-marker-container:not([is-spacer]):nth-child(2n) {
-  background-color: rgba(255,255,255,0.03);
+.waterfall-marker-container:not([is-spacer]):nth-child(2n) {
+  background-color: var(--theme-contrast-background);
 }
 
-.theme-light .waterfall-marker-container:not([is-spacer]):nth-child(2n) {
-  background-color: rgba(128,128,128,0.03);
-}
-
-.theme-dark .waterfall-marker-container:hover {
-  background-color: rgba(255,255,255,0.1) !important;
-}
-
-.theme-light .waterfall-marker-container:hover {
-  background-color: rgba(128,128,128,0.1) !important;
+.waterfall-marker-container:hover {
+  background-color: var(--theme-hover-background) !important;
+  color: var(--theme-hover-color) !important;
 }
 
 .waterfall-marker-item {
@@ -147,7 +140,7 @@
 
 .waterfall-marker-container.selected .waterfall-marker-bullet,
 .waterfall-marker-container.selected .waterfall-marker-bar {
-  border-color: initial!important;
+  border-color: initial !important;
 }
 
 #timeline-waterfall-details {

diff --git a/LCARStrek/browser/devtools/widgets.css b/LCARStrek/browser/devtools/widgets.css
index 0d6110bd4a9bad1afcfb0eb250df2409a6510718..2dc7892dc206379e0adf8e67c45326a7bb167230 100644 (file)
--- a/LCARStrek/browser/devtools/widgets.css
+++ b/LCARStrek/browser/devtools/widgets.css
@@ -1069,7 +1069,7 @@
 }
 
 .table-chart-totals {
-  border-top: 1px solid #A09090; /* Grey foreground text */
+  border-top: 1px solid var(--theme-body-color-alt); /* Grey foreground text */
 }
 
 .table-chart-summary-label {
@@ -1078,7 +1078,7 @@
 }
 
 .table-chart-summary-label {
-  color: #A09090; /* Light foreground text */
+  color: var(--theme-content-color2);
 }
 
 /* Table Widget */
@@ -1091,10 +1091,8 @@
 
 .table-widget-body {
   overflow: auto;
-}
 
-.table-widget-body {
-  background: #000000; /* Background-Sidebar */
+  background: var(--theme-sidebar-background);
 }
 
 .table-widget-body:-moz-locale-dir(ltr) {
@@ -1177,7 +1175,7 @@
 .table-widget-cell {
   border-top: 1px solid #A09090;
   border-bottom: 1px solid #A09090;
-  color: #FF9F00; /* Light foreground text */
+  color: var(--theme-body-color);
 }
 
 .theme-dark:not(.filtering) .table-widget-cell:nth-child(odd):not(.theme-selected),
@@ -1196,7 +1194,7 @@
 
 @keyframes flash-out {
   to {
-    background: #795900;
+    background: var(--theme-contrast-background2);
   }
 }