X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fdevtools%2Fwebaudioeditor.css;h=d6cc29a02ab34b79cece445274260708ee1fc837;hp=1816c41a81e541e59a933b980ea8afc806523ecf;hb=6f751fd100ed69c35ed979e9d0db9d0f991af80a;hpb=dc9d5d64a3f915cb832f43050545b432f33504f7

diff --git a/LCARStrek/devtools/webaudioeditor.css b/LCARStrek/devtools/webaudioeditor.css
index 1816c41a..d6cc29a0 100644
--- a/LCARStrek/devtools/webaudioeditor.css
+++ b/LCARStrek/devtools/webaudioeditor.css
@@ -5,10 +5,6 @@
 /* Reload and waiting notices */
 .notice-container {
   margin-top: -50vh;
-}
-
-.notice-container {
-  background-color: var(--theme-toolbar-background);
   color: var(--theme-body-color-alt);
 }
 
@@ -31,7 +27,7 @@ svg {
   stroke-width: 1px;
   fill: none;
 
-  stroke: #A09090; /* Grey foreground text */
+  stroke: var(--theme-body-color-alt);
 }
 
 /* AudioParam connection edges */
@@ -40,7 +36,7 @@ g.edgePath.param-connection {
 }
 
 .edgePath.param-connection path {
-  stroke: #A09090; /* Grey foreground text */
+  stroke: var(--theme-body-color-alt);
 }
 
 /* Labels in AudioParam connection should have background that match
@@ -50,16 +46,14 @@ g.edgeLabel rect {
   fill: var(--theme-body-background);
 }
 g.edgeLabel tspan {
-  fill: var(--theme-highlight-color-blue);
+  fill: var(--theme-body-color-alt);
 }
 
 /* Audio Nodes */
 .nodes rect {
   stroke-width: 1px;
   cursor: pointer;
-}
 
-.nodes rect {
   stroke: var(--theme-splitter-color);
   fill: var(--theme-toolbar-background);
 }
@@ -69,10 +63,10 @@ g.edgeLabel tspan {
  */
 
 .theme-light .nodes g.bypassed rect {
-  fill: url(chrome://devtools/skin/filters.svg#bypass-light);
+  fill: url(chrome://devtools/skin/images/filters.svg#bypass-light);
 }
 .theme-dark .nodes g.bypassed rect {
-  fill: url(chrome://devtools/skin/filters.svg#bypass-dark);
+  fill: url(chrome://devtools/skin/images/filters.svg#bypass-dark);
 }
 .nodes g.bypassed.selected rect {
   stroke: var(--theme-selection-background);
@@ -104,9 +98,6 @@ text {
 text {
   fill: var(--theme-body-color-alt);
 }
-g.selected text {
-/*  fill: var(--theme-toolbar-background); */
-}
 
 .nodes text {
   cursor: pointer;
@@ -138,8 +129,7 @@ g.selected text {
   background: none;
   box-shadow: none;
   border: none;
-  list-style-image: url("debugger-collapse.png");
-  -moz-image-region: rect(0px,16px,16px,0px);
+  list-style-image: var(--theme-pane-collapse-image);
 }
 
 #inspector-pane-toggle > .toolbarbutton-icon {
@@ -147,12 +137,8 @@ g.selected text {
   height: 16px;
 }
 
-#inspector-pane-toggle[pane-collapsed] {
-  list-style-image: url("debugger-expand.png");
-}
-
-#inspector-pane-toggle:active {
-  -moz-image-region: rect(0px,32px,16px,16px);
+#inspector-pane-toggle.pane-collapsed {
+  list-style-image: var(--theme-pane-expand-image);
 }
 
 /**
@@ -170,19 +156,6 @@ g.selected text {
 }
 
 @media (min-resolution: 1.1dppx) {
-  #inspector-pane-toggle {
-    list-style-image: url("debugger-collapse@2x.png");
-    -moz-image-region: rect(0px,32px,32px,0px);
-  }
-
-  #inspector-pane-toggle[pane-collapsed] {
-    list-style-image: url("debugger-expand@2x.png");
-  }
-
-  #inspector-pane-toggle:active {
-    -moz-image-region: rect(0px,64px,32px,32px);
-  }
-
   .web-audio-inspector .error {
     background-image: url("images/alerticon-warning@2x.png");
   }
@@ -193,29 +166,9 @@ g.selected text {
  */
 
 #audio-node-toolbar .bypass {
-  list-style-image: url(power.svg#power);
-}
-
-#audio-node-toolbar .bypass[disabled] {
-  list-style-image: url(power.svg#power-disabled);
+  list-style-image: url(images/power.svg);
 }
 
-#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
@@ -235,19 +188,3 @@ g.selected text {
     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);
-}