first part of syncing LCARStrek with Firefox 49/50 devtools theme changes

[themes.git] / LCARStrek / devtools / webaudioeditor.css

diff --git a/LCARStrek/devtools/webaudioeditor.css b/LCARStrek/devtools/webaudioeditor.css
index 68047cfbe9b628e5a3b6b68683ddb37a7f1e04bd..d6cc29a02ab34b79cece445274260708ee1fc837 100644 (file)
--- a/LCARStrek/devtools/webaudioeditor.css
+++ b/LCARStrek/devtools/webaudioeditor.css
@@ -5,10 +5,6 @@
 /* Reload and waiting notices */
 .notice-container {
   margin-top: -50vh;
-}
-
-.notice-container {
-  background-color: var(--theme-toolbar-background);
   color: var(--theme-body-color-alt);
 }
 
@@ -31,7 +27,7 @@ svg {
   stroke-width: 1px;
   fill: none;
 
-  stroke: #A09090; /* Grey foreground text */
+  stroke: var(--theme-body-color-alt);
 }
 
 /* AudioParam connection edges */
@@ -40,7 +36,7 @@ g.edgePath.param-connection {
 }
 
 .edgePath.param-connection path {
-  stroke: #A09090; /* Grey foreground text */
+  stroke: var(--theme-body-color-alt);
 }
 
 /* Labels in AudioParam connection should have background that match
@@ -50,16 +46,14 @@ g.edgeLabel rect {
   fill: var(--theme-body-background);
 }
 g.edgeLabel tspan {
-  fill: var(--theme-highlight-color-blue);
+  fill: var(--theme-body-color-alt);
 }
 
 /* Audio Nodes */
 .nodes rect {
   stroke-width: 1px;
   cursor: pointer;
-}
 
-.nodes rect {
   stroke: var(--theme-splitter-color);
   fill: var(--theme-toolbar-background);
 }
@@ -69,10 +63,10 @@ g.edgeLabel tspan {
  */
 
 .theme-light .nodes g.bypassed rect {
-  fill: url(chrome://devtools/skin/filters.svg#bypass-light);
+  fill: url(chrome://devtools/skin/images/filters.svg#bypass-light);
 }
 .theme-dark .nodes g.bypassed rect {
-  fill: url(chrome://devtools/skin/filters.svg#bypass-dark);
+  fill: url(chrome://devtools/skin/images/filters.svg#bypass-dark);
 }
 .nodes g.bypassed.selected rect {
   stroke: var(--theme-selection-background);
@@ -104,9 +98,6 @@ text {
 text {
   fill: var(--theme-body-color-alt);
 }
-g.selected text {
-/*  fill: var(--theme-toolbar-background); */
-}
 
 .nodes text {
   cursor: pointer;
@@ -138,8 +129,7 @@ g.selected text {
   background: none;
   box-shadow: none;
   border: none;
-  list-style-image: url("debugger-collapse.png");
-  -moz-image-region: rect(0px,16px,16px,0px);
+  list-style-image: var(--theme-pane-collapse-image);
 }
 
 #inspector-pane-toggle > .toolbarbutton-icon {
@@ -147,12 +137,8 @@ g.selected text {
   height: 16px;
 }
 
-#inspector-pane-toggle[pane-collapsed] {
-  list-style-image: url("debugger-expand.png");
-}
-
-#inspector-pane-toggle:active {
-  -moz-image-region: rect(0px,32px,16px,16px);
+#inspector-pane-toggle.pane-collapsed {
+  list-style-image: var(--theme-pane-expand-image);
 }
 
 /**
@@ -170,19 +156,6 @@ g.selected text {
 }
 
 @media (min-resolution: 1.1dppx) {
-  #inspector-pane-toggle {
-    list-style-image: url("debugger-collapse@2x.png");
-    -moz-image-region: rect(0px,32px,32px,0px);
-  }
-
-  #inspector-pane-toggle[pane-collapsed] {
-    list-style-image: url("debugger-expand@2x.png");
-  }
-
-  #inspector-pane-toggle:active {
-    -moz-image-region: rect(0px,64px,32px,32px);
-  }
-
   .web-audio-inspector .error {
     background-image: url("images/alerticon-warning@2x.png");
   }
@@ -215,19 +188,3 @@ g.selected text {
     margin-right: 0px !important;
   }
 }
-
-#inspector-pane-toggle {
-  background: none;
-  box-shadow: none;
-  border: none;
-  list-style-image: url("debugger-collapse.png");
-  -moz-image-region: rect(0px,16px,16px,0px);
-}
-
-#inspector-pane-toggle[pane-collapsed] {
-  list-style-image: url("debugger-expand.png");
-}
-
-#inspector-pane-toggle:active {
-  -moz-image-region: rect(0px,32px,16px,16px);
-}