X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fdevtools%2Fwebaudioeditor.css;h=70fa57c76f23dded062f252c606aa75d20de3558;hp=d471042093d6a17b1eba93ebbb6aeaebca6867ae;hb=d533ec21de421974d60dc2614105c2e439f34b49;hpb=28e80a05cdd05682bd45ef0d5101292b3f7b267e

diff --git a/LCARStrek/browser/devtools/webaudioeditor.css b/LCARStrek/browser/devtools/webaudioeditor.css
index d4710420..70fa57c7 100644
--- a/LCARStrek/browser/devtools/webaudioeditor.css
+++ b/LCARStrek/browser/devtools/webaudioeditor.css
@@ -20,15 +20,6 @@
   font-size: 110%;
 }
 
-#waiting-notice::before {
-  display: inline-block;
-  content: "";
-  background: url("chrome://global/skin/icons/loading.gif") center no-repeat;
-  width: 16px;
-  height: 16px;
-  -moz-margin-end: 6px;
-}
-
 /* Context Graph */
 svg {
   overflow: hidden;
@@ -59,7 +50,7 @@ g.edgeLabel rect {
   fill: var(--theme-body-background);
 }
 g.edgeLabel tspan {
-  fill: var(--theme-Highlight-color-blue);
+  fill: var(--theme-highlight-color-blue);
 }
 
 /* Audio Nodes */
@@ -73,10 +64,35 @@ g.edgeLabel tspan {
   fill: var(--theme-toolbar-background);
 }
 
+/**
+ * Bypassed Nodes
+ */
+
+.theme-light .nodes g.bypassed rect {
+  fill: url(chrome://browser/skin/devtools/filters.svg#bypass-light);
+}
+.theme-dark .nodes g.bypassed rect {
+  fill: url(chrome://browser/skin/devtools/filters.svg#bypass-dark);
+}
+.nodes g.bypassed.selected rect {
+  stroke: var(--theme-selection-background);
+}
+
+/*
+.nodes g.bypassed text {
+  opacity: 0.8;
+}
+*/
+
+/**
+ * Selected Nodes
+ */
+
 .nodes g.selected rect {
   fill: var(--theme-selection-background);
 }
 
+
 /* Text in nodes and edges */
 text {
   cursor: default; /* override the "text" cursor */
@@ -100,6 +116,12 @@ g.selected text {
  * Inspector Styles
  */
 
+/* hide the variables view scope title as its redundant,
+ * because there's only one scope displayed. */
+.variables-view-scope > .title {
+  display: none;
+}
+
 #web-audio-inspector-title {
   margin: 6px;
 }
@@ -133,6 +155,20 @@ g.selected text {
   -moz-image-region: rect(0px,32px,16px,16px);
 }
 
+/**
+ * Automation Styles
+ */
+
+#automation-param-toolbar .automation-param-button[selected] {
+  color: var(--theme-selection-color);
+  background-color: var(--theme-selection-background);
+}
+
+#automation-graph {
+  overflow: hidden;
+  -moz-box-flex: 1;
+}
+
 @media (min-resolution: 2dppx) {
   #inspector-pane-toggle {
     list-style-image: url("debugger-collapse@2x.png");
@@ -152,6 +188,34 @@ g.selected text {
   }
 }
 
+/**
+ * Inspector toolbar
+ */
+
+#audio-node-toolbar .bypass {
+  list-style-image: url(power.svg#power);
+}
+
+#audio-node-toolbar .bypass[disabled] {
+  list-style-image: url(power.svg#power-disabled);
+}
+
+#audio-node-toolbar .bypass:not([disabled]):hover,
+#audio-node-toolbar .bypass:hover:active,
+#audio-node-toolbar .bypass[checked] {
+  list-style-image: url(power.svg#power-active);
+}
+
+#audio-node-toolbar toolbarbutton[checked] {
+  background-color: var(--theme-selection-background); /* Select Highlight Blue */
+}
+
+/* don't invert checked buttons so we can have white icons on light theme */
+#audio-node-toolbar toolbarbutton[checked] > .toolbarbutton-icon {
+  filter: none;
+}
+
+
 /**
  * Responsive Styles
  * `.devtools-responsive-container` takes care of most of