:root,
html.theme-dark,
.theme-dark:root,
[data-theme="dark"] {
  color-scheme: dark;
  --ibkr-tv-mono-font: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Monaco,
    Consolas, "Liberation Mono", "Courier New", monospace;

  --tv-color-platform-background: #000000;
  --tv-color-pane-background: #000000;
  --tv-color-pane-background-secondary: #000000;
  --tv-color-background: #000000;
  --tv-color-surface-background: #000000;
  --tv-color-container-background: #000000;
  --tv-color-popup-background: #000000;
  --tv-color-popup-element-background-active: #111111;
  --tv-color-popup-element-divider-background: #1a1a1a;
  --tv-color-popup-element-text: #ffffff;
  --tv-color-popup-element-secondary-text: #ffffff;
  --tv-color-popup-element-hint-text: #ffffff;
  --tv-color-popup-element-text-active: #ffffff;
  --tv-color-popup-element-toolbox-text: #ffffff;
  --tv-color-toolbar-button-background-expanded: #111111;
  --tv-color-toolbar-button-background-active: #1a1a1a;
  --tv-color-toolbar-button-text: #ffffff;
  --tv-color-toolbar-button-text-active: #ffffff;
  --tv-color-toolbar-divider-background: #1a1a1a;
  --tv-color-toolbar-toggle-button-background-active: transparent;
  --tv-color-toolbar-toggle-button-background-active-hover: transparent;
  --tv-color-toolbar-save-layout-loader: #ffffff;
  --tv-color-item-active-text: #ffffff;
  --tv-color-item-active-background: #000000;
  --tv-color-control-active-background: #000000;
  --tv-color-control-active-border: #ffffff;
  --tv-color-control-active-text: #ffffff;
  --tv-color-bar-mark-background-color: #000000;
  --tv-color-bottom-widgetbar-background: #000000;
  --tv-color-bottom-widgetbar-tab-background: #000000;
  --tv-color-bottom-widgetbar-tab-background-active: #000000;

  --color-text-primary: #ffffff;
  --color-text-secondary: #ffffff;
  --color-text-tertiary: #ffffff;
  --color-content-primary-default: #ffffff;
  --color-content-secondary-default: #ffffff;
  --color-content-tertiary-default: #ffffff;
  --color-button-content-primary-default: #ffffff;
  --color-button-content-primary-active: #ffffff;
  --chart-widget-border-color: rgba(255, 255, 255, 0.16);
}

html,
body {
  margin: 0;
  background: #000000;
  color: #ffffff !important;
  font-family: var(--ibkr-tv-mono-font) !important;
}

button,
input,
select,
textarea {
  color: inherit !important;
  font-family: var(--ibkr-tv-mono-font) !important;
}

[data-name="toolbar-drawing-toggle-button"] {
  background: transparent !important;
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: #ffffff !important;
  outline: none !important;
}

[data-name="toolbar-drawing-toggle-button"] button,
[data-name="toolbar-drawing-toggle-button"] [class^="container-"],
[data-name="toolbar-drawing-toggle-button"] [class*=" container-"],
[data-name="toolbar-drawing-toggle-button"] [class^="toggleButton-"],
[data-name="toolbar-drawing-toggle-button"] [class*=" toggleButton-"] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

[data-name="toolbar-drawing-toggle-button"] svg {
  color: #ffffff !important;
}

[data-name="toolbar-drawing-toggle-button"] svg [class^="background-"],
[data-name="toolbar-drawing-toggle-button"] svg [class*=" background-"] {
  display: none !important;
  fill: transparent !important;
  stroke: transparent !important;
}

[data-name="toolbar-drawing-toggle-button"] svg [fill]:not([fill="none"]):not([class^="background-"]):not([class*=" background-"]) {
  fill: #ffffff !important;
}

[data-name="toolbar-drawing-toggle-button"] svg [stroke]:not([class^="background-"]):not([class*=" background-"]),
[data-name="toolbar-drawing-toggle-button"] svg path:not([class^="background-"]):not([class*=" background-"]) {
  stroke: #ffffff !important;
}

.tv-logo,
.tv-logo__link,
.tv-logo__wrapper,
.tv-circle-logo,
.tv-circle-logo-pair,
a[title="Chart by TradingView"],
a[aria-label="Chart by TradingView"],
a[href*="utm_campaign=trading-terminal"],
a[href^="https://www.tradingview.com/?utm_source="][href*="utm_medium=library"],
a[href^="https://www.tradingview.com/?utm_source="][href*="utm_campaign=trading-terminal"],
[title="Chart by TradingView"],
[aria-label="Chart by TradingView"],
[data-name="tradingview-logo"],
[data-name="tv-logo"],
[data-name="legend-source-logo"],
[data-name="go-to-tv-button"],
[class^="logoWrap-"],
[class*=" logoWrap-"],
[class^="logoWithText-"],
[class*=" logoWithText-"],
[class^="tradingViewLogo-"],
[class*=" tradingViewLogo-"],
[class^="tvLogo-"],
[class*=" tvLogo-"],
.tv-spinner,
.tv-spinner__loader,
[data-name="loading-screen"],
[data-name="popup-hint"],
[data-name="hint"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}