.theme-dark:root {
  --tv-color-platform-background: #101010;
  --tv-color-pane-background: #101010;
  --tv-color-toolbar-button-text: #808080;
  --tv-color-toolbar-button-text-hover: #808080;
  --tv-color-toolbar-button-text-active: #ffffff;
  --tv-color-toolbar-button-text-active-hover: #ffffff;
  --trade-body-bg: #101010;
  --background-color: #101010;
}

.theme-light:root {
  --tv-color-platform-background: #fff;
  --tv-color-pane-background: #fff;
  --tv-color-toolbar-button-background-hover: #f8f8f8;
  --tv-color-toolbar-button-text: #666;
  --tv-color-toolbar-button-text-hover: #787b86;
  --tv-color-toolbar-button-text-active: #f4a203;
  --tv-color-toolbar-button-text-active-hover: #f4a203;
  --tv-color-toolbar-toggle-button-background-active: #f4a203;
  --tv-color-toolbar-toggle-button-background-active-hover: #f4a203;
  --trade-body-bg: rgba(255, 255, 255, 0.2);
}

#sub-frame-error,
#sub-frame-error:hover {
  background-color: transparent;
}

.dateRangeWrapper-2yU8ifXU,
.statusesWrapper-G1_Pfvwd,
.container-OUNcvmCJ {
  display: none;
}

.loading-indicator {
  background-color: transparent;
}

.chart-page {
  background-color: transparent;
}

#sub-frame-error {
  background-color: transparent;
}

#drawing-toolbar {
  box-shadow: 2px 0 20px var(--trade-body-bg);
}

.chart-markup-table tr:first-of-type .chart-gui-wrapper canvas {
  /* background-image: url(https://placehold.co/100x32); */
  background-repeat: no-repeat;
  background-position: center bottom 10px;
}
/* 隐藏 daterange 功能 */
/* [class^="dateRangeWrapper"] {
  display: none;
} */

/* 修复 toggle button 太小 */
.layout__area--left:not(:has([class^="toggleButton"]:not([class*="collapsed"]))) {
  width: 10px !important;
}
[class^="toggleButton"]:not([class*="collapsed"]) {
  margin-left: -9px !important;
}
[class^="valueTitle"] {
  color: #ffffff !important;
}
.chart-markup-table.time-axis > div > canvas {
  margin-top: -1px;
}
.chart-markup-table.price-axis-container > div > canvas {
  left: -1px !important;
  top: -1px !important;
}

div[data-name="legend-source-title"] {
  color: #fff !important;
  font-size: 14px !important;
}

/* 日期范围 */
[class^="calendar"] {
  background-color: var(--tv-color-popup-background) !important;
}

[class^="calendar"] [class^="view-month"] [class^="weeks"] [class^="week"] [class*="day"][class*="accent-color"] {
  border: 2px solid var(--brand) !important;
  background-color: var(--brand) !important;
  color: var(--bg-primary) !important;
}

[class^="calendar"] [class*="variant-quiet-primary"][class*="color-gray"][class*="selected"] {
  border: 2px solid var(--bg-tertiary) !important;
  background-color: var(--bg-tertiary) !important;
  color: var(--foreground) !important;
}

[class^="calendar"] [class*="variant-ghost"][class*="color-gray"][class*="selected"] {
  color: var(--brand) !important;
}