:root {
  --dctv-gray-dark: #131313;
  --dctv-white: #ffffff;

  --tv-color-platform-background: var(--dctv-gray-dark) !important;
  --tv-color-pane-background: var(--dctv-gray-dark) !important;
  --tv-color-toolbar-button-background: var(--dctv-gray-dark) !important;
  --tv-color-toolbar-button-background-hover: var(--dctv-gray-dark) !important;
  --tv-color-toolbar-button-background-active: var(--dctv-gray-dark) !important;
  --tv-color-toolbar-button-background-expanded: var(
    --dctv-gray-dark
  ) !important;
  --tv-color-toolbar-divider-background: var(--dctv-gray-dark) !important;
  --tv-color-popup-background: var(--dctv-gray-dark) !important;
  --tv-color-popup-element-background-hover: var(--dctv-gray-dark) !important;
}

.chart-page,
.chart-container,
.layout__area--top,
.layout__area--left,
.layout__area--right,
.layout__area--center,
.layout__area--bottom {
  background: var(--dctv-gray-dark) !important;
  background-color: var(--dctv-gray-dark) !important;
}

[class*="header-"],
[class*="toolbar-"],
[class*="control-bar"] {
  background: var(--dctv-gray-dark) !important;
  background-color: var(--dctv-gray-dark) !important;
}

[class*="drawingToolbar"],
[class*="side-toolbar"],
[class*="drawing-toolbar"] {
  background: var(--dctv-gray-dark) !important;
  background-color: var(--dctv-gray-dark) !important;
}

[class*="button-"][class*="isOpened"],
[class*="button-"]:not([class*="isActive"]) {
  background: var(--dctv-gray-dark) !important;
}

[class*="menuWrap"],
[class*="dropdown"],
[class*="popup"] {
  background: var(--dctv-gray-dark) !important;
  background-color: var(--dctv-gray-dark) !important;
  border-color: var(--dctv-gray-dark) !important;
}

.tv-main-panel,
.chart-markup-table,
.pane-legend {
  background: var(--dctv-gray-dark) !important;
}

[class*="hint"],
[class*="Hint"],
[class*="tooltip"],
[class*="Tooltip"] {
  color: var(--dctv-white) !important;
  background-color: var(--dctv-gray-dark) !important;
}

[class*="button"][class*="hint"],
[class*="button"][class*="Hint"] {
  color: var(--dctv-white) !important;
  background-color: var(--dctv-gray-dark) !important;
}
