.dark {
  --header-background: #212121 !important;
  --header-color: #eee !important;
  --background: #303030 !important;
  --background-secondary: #424242 !important;
  --background-tertiary: #323232 !important;
  --normal: #eee !important;
  --normal-secondary: #777 !important;
  --primary: #f57c00 !important;
  --node-label: var(--normal) !important;
  --node-socket: var(--primary) !important;
  --link-hover: var(--primary) !important;
  --selector-background: rgba(200, 150, 50, 0.1);
  --selector-color: var(--primary);
}

.dark .flow-node__body {
  fill: transparent;
}

.dark .flow-node__socket-detail {
  filter: url(#solid-dark);
}

.dark .flow-node--dragging .flow-node__body,
.dark .flow-view:not(.activity) .flow-node:hover .flow-node__body {
  stroke-width: 2;
  stroke: var(--primary);
}

.dark input {
  outline: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
}
