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 */
8 color: var(--theme-body-color-alt);
30 stroke: var(--theme-body-color-alt);
33 /* AudioParam connection edges */
34 g.edgePath.param-connection {
35 stroke-dasharray: 5,5;
38 .edgePath.param-connection path {
39 stroke: var(--theme-body-color-alt);
42 /* Labels in AudioParam connection should have background that match
43 * the main background so there's whitespace around the label, on top of the
46 fill: var(--theme-body-background);
49 fill: var(--theme-body-color-alt);
57 stroke: var(--theme-splitter-color);
58 fill: var(--theme-toolbar-background);
65 .theme-light .nodes g.bypassed rect {
66 fill: url(chrome://devtools/skin/images/filters.svg#bypass-light);
68 .theme-dark .nodes g.bypassed rect {
69 fill: url(chrome://devtools/skin/images/filters.svg#bypass-dark);
71 .nodes g.bypassed.selected rect {
72 stroke: var(--theme-selection-background);
76 .nodes g.bypassed text {
85 .nodes g.selected rect {
86 fill: var(--theme-selection-background);
90 /* Text in nodes and edges */
92 cursor: default; /* override the "text" cursor */
94 font-family: "Helvetica Neue", Helvetica, Arial, sans-serf;
99 fill: var(--theme-body-color-alt);
110 /* hide the variables view scope title as its redundant,
111 * because there's only one scope displayed. */
112 .variables-view-scope > .title {
116 #web-audio-inspector-title {
120 .web-audio-inspector .error {
121 background-image: url("images/alerticon-warning.png");
122 background-size: 13px 12px;
123 -moz-appearance: none;
125 transition: opacity .5s ease-out 0s;
128 #inspector-pane-toggle {
132 list-style-image: var(--theme-pane-collapse-image);
135 #inspector-pane-toggle > .toolbarbutton-icon {
140 #inspector-pane-toggle.pane-collapsed {
141 list-style-image: var(--theme-pane-expand-image);
148 #automation-param-toolbar .automation-param-button[selected] {
149 color: var(--theme-selection-color);
150 background-color: var(--theme-selection-background);
158 @media (min-resolution: 1.1dppx) {
159 .web-audio-inspector .error {
160 background-image: url("images/alerticon-warning@2x.png");
168 #audio-node-toolbar .bypass {
169 list-style-image: url(images/power.svg);
174 * `.devtools-responsive-container` takes care of most of
175 * the changing of host types.
177 @media (max-width: 700px) {
179 * Override the inspector toggle so it's always open
180 * in the portrait view, with the toggle button hidden.
182 #inspector-pane-toggle {
186 #web-audio-inspector {
187 margin-left: 0px !important;
188 margin-right: 0px !important;