}
.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 {
.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 */
}
.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;
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);
+}