/* Reload and waiting notices */
.notice-container {
margin-top: -50vh;
-}
-
-.notice-container {
- background-color: var(--theme-toolbar-background);
color: var(--theme-body-color-alt);
}
stroke-width: 1px;
fill: none;
- stroke: #A09090; /* Grey foreground text */
+ stroke: var(--theme-body-color-alt);
}
/* AudioParam connection edges */
}
.edgePath.param-connection path {
- stroke: #A09090; /* Grey foreground text */
+ stroke: var(--theme-body-color-alt);
}
/* Labels in AudioParam connection should have background that match
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);
}
*/
.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);
text {
fill: var(--theme-body-color-alt);
}
-g.selected text {
-/* fill: var(--theme-toolbar-background); */
-}
.nodes text {
cursor: pointer;
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 {
}
#inspector-pane-toggle[pane-collapsed] {
- list-style-image: url("debugger-expand.png");
-}
-
-#inspector-pane-toggle:active {
- -moz-image-region: rect(0px,32px,16px,16px);
+ list-style-image: var(--theme-pane-expand-image);
}
/**
}
@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");
}
*/
#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
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);
-}