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