X-Git-Url: https://git-public.kairo.at/?a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fdevtools%2Fwebaudioeditor.css;h=d471042093d6a17b1eba93ebbb6aeaebca6867ae;hb=6073d8daeda2a32cb9694764a149cac6bab8e479;hp=f4d70cc7c5d48251f36486ac11edded06c7a528b;hpb=dccbbf95a71ca8f090dd41f6a9698eb33368c1a9;p=themes.git

diff --git a/LCARStrek/browser/devtools/webaudioeditor.css b/LCARStrek/browser/devtools/webaudioeditor.css
index f4d70cc7..d4710420 100644
--- 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 {
@@ -39,10 +39,27 @@ svg {
 .edgePath path {
   stroke-width: 1px;
   fill: none;
+
+  stroke: #A09090; /* Grey foreground text */
 }
 
-.edgePath path {
-  stroke: #9C9CFF; /* 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 */
@@ -52,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;
@@ -87,12 +112,6 @@ g.selected text {
   transition: opacity .5s ease-out 0s;
 }
 
-@media (min-resolution: 2dppx) {
-  .web-audio-inspector .error {
-    background-image: url(alerticon-warning@2x.png);
-  }
-}
-
 #inspector-pane-toggle {
   background: none;
   box-shadow: none;