html.theme-dark .period-button {
  color: #313859;
}

html.theme-light .period-button:hover,
html.theme-light .period-button.active,
html.theme-dark .period-button:hover,
html.theme-dark .period-button.active {
  color: #347CE1;
}

html.theme-dark body.chart-page .layout__area--top {
  background: #161A2F;
}

html.theme-dark body.chart-page .layout__area--top div {
  background: none;
}

html.theme-dark body.chart-page .chart-container-border {
  background: #11142a;
}

html.theme-light body.chart-page .chart-container-border {
  background: white;
}

html body.chart-page .chart-container-border .pane-legend-icon-container a,
html body.chart-page .chart-container-border .pane-controls a.pane-legend-icon {
  color: grey;
  background: transparent;
}

html.theme-dark body.chart-page .layout__area--left {
  background: #161930;
}