first part of syncing LCARStrek with Firefox 37 windows theme changes

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

diff --git a/LCARStrek/browser/devtools/webaudioeditor.css b/LCARStrek/browser/devtools/webaudioeditor.css
index a93d2fc29882cb210e28c7b067543947f6887fb3..d471042093d6a17b1eba93ebbb6aeaebca6867ae 100644 (file)
--- a/LCARStrek/browser/devtools/webaudioeditor.css
+++ b/LCARStrek/browser/devtools/webaudioeditor.css
@@ -8,8 +8,8 @@
 }
 
 .notice-container {
-  background-color: #000000; /* Toolbars */
-  color: #A09090; /* Light foreground text */
+  background-color: var(--theme-toolbar-background);
+  color: var(--theme-body-color-alt);
 }
 
 #reload-notice {
@@ -40,7 +40,26 @@ svg {
   stroke-width: 1px;
   fill: none;
 
-  stroke: #9C9CFF; /* Grey foreground text */
+  stroke: #A09090; /* Grey foreground text */
+}
+
+/* AudioParam connection edges */
+g.edgePath.param-connection {
+  stroke-dasharray: 5,5;
+}
+
+.edgePath.param-connection path {
+  stroke: #A09090; /* Grey foreground text */
+}
+
+/* Labels in AudioParam connection should have background that match
+ * the main background so there's whitespace around the label, on top of the
+ * dotted lines. */
+g.edgeLabel rect {
+  fill: var(--theme-body-background);
+}
+g.edgeLabel tspan {
+  fill: var(--theme-Highlight-color-blue);
 }
 
 /* Audio Nodes */
@@ -50,33 +69,41 @@ svg {
 }
 
 .nodes rect {
-  stroke: #9C9CFF; /* Tab toolbar */
-  fill: #000000; /* Toolbars */
+  stroke: var(--theme-splitter-color);
+  fill: var(--theme-toolbar-background);
 }
 
 .nodes g.selected rect {
-  fill: #008484; /* Select Highlight Blue */
+  fill: var(--theme-selection-background);
 }
 
-/* Text in nodes */
+/* Text in nodes and edges */
 text {
-  cursor: pointer;
+  cursor: default; /* override the "text" cursor */
   font-weight: 300;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serf;
   font-size: 14px;
 }
 
 text {
-  fill: #A09090; /* Grey foreground text */
+  fill: var(--theme-body-color-alt);
 }
 g.selected text {
-/*  fill: #f0f1f2; / Toolbars */
+/*  fill: var(--theme-toolbar-background); */
+}
+
+.nodes text {
+  cursor: pointer;
 }
 
 /**
  * Inspector Styles
  */
 
+#web-audio-inspector-title {
+  margin: 6px;
+}
+
 .web-audio-inspector .error {
   background-image: url("alerticon-warning.png");
   background-size: 13px 12px;