/* Browser schematic edition: the Studio Dark palette. */
html[data-schematic-only="true"][data-theme="dark"] {
  --bg: #1e1e1e;
  --panel: #252526;
  --surface: #252526;
  --surface-2: #2d2d30;
  --surface-3: #37373d;
  --surface-4: #3c3c3c;
  --border: #3c3c3c;
  --border-strong: #555555;
  --border-strong-2: #6b6b6b;
  --text: #cccccc;
  --text-2: #cccccc;
  --text-3: #bbbbbb;
  --muted: #a0a0a0;
  --muted-2: #858585;
  --primary: #007acc;
  --primary-2: #007fd4;
  --primary-text: #75beff;
  --accent: #007acc;
  --accent-text: #75beff;
  --btn-primary: #0e639c;
  --btn-primary-hover: #1177bb;
  --btn-accent: #0e639c;
  --btn-accent-hover: #1177bb;
  --circuit-wire-signal: #79b8ff;
  --circuit-wire-ground: #d0d7de;
  --circuit-wire-3v3: #ff7b72;
  --circuit-wire-5v: #ffa657;
}
html[data-schematic-only="true"] .canvas-wrap {
  background-image: none !important;
}
html[data-schematic-only="true"] .schematic .bg {
  fill: none !important;
}
/* Invert fixed-stroke artwork, never the canvas or the themed wire colors. */
html[data-schematic-only="true"] #schematic {
  filter: none;
}
html[data-schematic-only="true"][data-theme="dark"] #schematic :is(.comps, .pins, .labels, .handles) {
  filter: var(--draw-filter);
}
html[data-schematic-only="true"][data-theme="dark"] :is(.center, .view, .toolbar, .canvas-wrap, .schematic) {
  background: #1e1e1e;
}
html[data-schematic-only="true"][data-theme="dark"] .topbar {
  background: #3c3c3c;
}
html[data-schematic-only="true"][data-theme="dark"] :is(input, select, textarea) {
  background: #3c3c3c;
  color: #cccccc;
  border-color: #555555;
}
html[data-schematic-only="true"][data-theme="dark"] :is(.btn, .icon-btn) {
  background: #3a3d41 !important;
  color: #ffffff !important;
  border-color: transparent !important;
  border-radius: 3px;
}
html[data-schematic-only="true"][data-theme="dark"] :is(.btn, .icon-btn):hover:not(:disabled) {
  background: #45494e !important;
}
html[data-schematic-only="true"][data-theme="dark"] :is(.btn.primary, .btn.accent) {
  background: #0e639c !important;
}
html[data-schematic-only="true"][data-theme="dark"] :is(.btn.primary, .btn.accent):hover:not(:disabled) {
  background: #1177bb !important;
}
html[data-schematic-only="true"][data-theme="dark"] .cs-wire-legend .signal { background: #79b8ff; }
html[data-schematic-only="true"][data-theme="dark"] .cs-wire-legend .ground { background: #d0d7de; }
html[data-schematic-only="true"][data-theme="dark"] .cs-wire-legend .threev3 { background: #ff7b72; }
html[data-schematic-only="true"][data-theme="dark"] .cs-wire-legend .fivev { background: #ffa657; }