1 /* This Source Code Form is subject to the terms of the Mozilla Public
2 * License, v. 2.0. If a copy of the MPL was not distributed with this file,
3 * You can obtain one at http://mozilla.org/MPL/2.0/. */
5 /* Reload and waiting notices */
11 background-color: var(--theme-toolbar-background);
12 color: var(--theme-body-color-alt);
34 stroke: #A09090; /* Grey foreground text */
37 /* AudioParam connection edges */
38 g.edgePath.param-connection {
39 stroke-dasharray: 5,5;
42 .edgePath.param-connection path {
43 stroke: #A09090; /* Grey foreground text */
46 /* Labels in AudioParam connection should have background that match
47 * the main background so there's whitespace around the label, on top of the
50 fill: var(--theme-body-background);
53 fill: var(--theme-highlight-color-blue);
63 stroke: var(--theme-splitter-color);
64 fill: var(--theme-toolbar-background);
71 .theme-light .nodes g.bypassed rect {
72 fill: url(chrome://browser/skin/devtools/filters.svg#bypass-light);
74 .theme-dark .nodes g.bypassed rect {
75 fill: url(chrome://browser/skin/devtools/filters.svg#bypass-dark);
77 .nodes g.bypassed.selected rect {
78 stroke: var(--theme-selection-background);
82 .nodes g.bypassed text {
91 .nodes g.selected rect {
92 fill: var(--theme-selection-background);
96 /* Text in nodes and edges */
98 cursor: default; /* override the "text" cursor */
100 font-family: "Helvetica Neue", Helvetica, Arial, sans-serf;
105 fill: var(--theme-body-color-alt);
108 /* fill: var(--theme-toolbar-background); */
119 /* hide the variables view scope title as its redundant,
120 * because there's only one scope displayed. */
121 .variables-view-scope > .title {
125 #web-audio-inspector-title {
129 .web-audio-inspector .error {
130 background-image: url("alerticon-warning.png");
131 background-size: 13px 12px;
132 -moz-appearance: none;
134 transition: opacity .5s ease-out 0s;
137 #inspector-pane-toggle {
141 list-style-image: url("debugger-collapse.png");
142 -moz-image-region: rect(0px,16px,16px,0px);
145 #inspector-pane-toggle > .toolbarbutton-icon {
150 #inspector-pane-toggle[pane-collapsed] {
151 list-style-image: url("debugger-expand.png");
154 #inspector-pane-toggle:active {
155 -moz-image-region: rect(0px,32px,16px,16px);
162 #automation-param-toolbar .automation-param-button[selected] {
163 color: var(--theme-selection-color);
164 background-color: var(--theme-selection-background);
172 @media (min-resolution: 1.1dppx) {
173 #inspector-pane-toggle {
174 list-style-image: url("debugger-collapse@2x.png");
175 -moz-image-region: rect(0px,32px,32px,0px);
178 #inspector-pane-toggle[pane-collapsed] {
179 list-style-image: url("debugger-expand@2x.png");
182 #inspector-pane-toggle:active {
183 -moz-image-region: rect(0px,64px,32px,32px);
186 .web-audio-inspector .error {
187 background-image: url("alerticon-warning@2x.png");
195 #audio-node-toolbar .bypass {
196 list-style-image: url(power.svg#power);
199 #audio-node-toolbar .bypass[disabled] {
200 list-style-image: url(power.svg#power-disabled);
203 #audio-node-toolbar .bypass:not([disabled]):hover,
204 #audio-node-toolbar .bypass:hover:active,
205 #audio-node-toolbar .bypass[checked] {
206 list-style-image: url(power.svg#power-active);
209 #audio-node-toolbar toolbarbutton[checked] {
210 background-color: var(--theme-selection-background); /* Select Highlight Blue */
213 /* don't invert checked buttons so we can have white icons on light theme */
214 #audio-node-toolbar toolbarbutton[checked] > .toolbarbutton-icon {
221 * `.devtools-responsive-container` takes care of most of
222 * the changing of host types.
224 @media (max-width: 700px) {
226 * Override the inspector toggle so it's always open
227 * in the portrait view, with the toggle button hidden.
229 #inspector-pane-toggle {
233 #web-audio-inspector {
234 margin-left: 0px !important;
235 margin-right: 0px !important;
239 #inspector-pane-toggle {
243 list-style-image: url("debugger-collapse.png");
244 -moz-image-region: rect(0px,16px,16px,0px);
247 #inspector-pane-toggle[pane-collapsed] {
248 list-style-image: url("debugger-expand.png");
251 #inspector-pane-toggle:active {
252 -moz-image-region: rect(0px,32px,16px,16px);