:root:not(.theme-dark) {
  --tv-color-platform-background: #0b0e13;
  --tv-color-pane-background: #0b0e13;
  --tv-color-toolbar-button-background-hover: #19242e;
  --tv-color-toolbar-button-background-expanded: #19242e;
  --tv-color-toolbar-button-background-active: #19242e;
  --tv-color-toolbar-button-background-active-hover: #19242e;
  --tv-color-toolbar-button-text: #67778E;
  --tv-color-toolbar-button-text-hover: #cad5e2;
  --tv-color-toolbar-button-text-active: rgba(199, 242, 132, 1);
  --tv-color-toolbar-button-text-active-hover: rgba(199, 242, 132, 1);
  --tv-color-item-active-text: rgba(199, 242, 132, 1);
  --tv-color-toolbar-toggle-button-background-active: #67778E;
  --tv-color-toolbar-toggle-button-background-active-hover: #90a1b9;
  --tv-color-toolbar-divider-background: #212a36;
  --tv-color-toolbar-save-layout-loader: rgb(106, 109, 120);

  --tv-color-popup-background: #0d151e;
  --tv-color-popup-element-text: #90a1b9;
  --tv-color-popup-element-text-hover: #cad5e2;
  --tv-color-popup-element-background-hover: #19242e;
  --tv-color-popup-element-divider-background: #212a36;
  --tv-color-popup-element-secondary-text: #90a1b9;
  --tv-color-popup-element-hint-text: #90a1b9;
  --tv-color-popup-element-text-active: #cad5e2;
  --tv-color-popup-element-background-active: #67778e;
  --tv-color-popup-element-toolbox-text: #90a1b9;
  --tv-color-popup-element-toolbox-text-hover: #cad5e2;
  --tv-color-popup-element-toolbox-text-active-hover: #cad5e2;
  --tv-color-popup-element-toolbox-background-hover: rgb(222, 89, 132);
  --tv-color-popup-element-toolbox-background-active-hover: rgba(199, 242, 132, 1);

  --themed-color-bg-primary: #0b0e13;
  --themed-color-properties-dialog-borders: #212a36;
}

.theme-dark:root {
  --tv-color-platform-background: #0b0e13;
  --tv-color-pane-background: #0b0e13;
  --tv-color-toolbar-button-background-hover: #19242e;
  --tv-color-toolbar-button-background-expanded: #19242e;
  --tv-color-toolbar-button-background-active: #19242e;
  --tv-color-toolbar-button-background-active-hover: #19242e;
  --tv-color-toolbar-button-text: #67778E;
  --tv-color-toolbar-button-text-hover: #cad5e2;
  --tv-color-toolbar-button-text-active: rgba(199, 242, 132, 1);
  --tv-color-toolbar-button-text-active-hover: rgba(199, 242, 132, 1);
  --tv-color-item-active-text: rgba(199, 242, 132, 1);
  --tv-color-toolbar-toggle-button-background-active: #67778E;
  --tv-color-toolbar-toggle-button-background-active-hover: #90a1b9;
  --tv-color-toolbar-divider-background: #212a36;
  --tv-color-toolbar-save-layout-loader: rgb(134, 137, 147);

  --tv-color-popup-background: #0d151e;
  --tv-color-popup-element-text: #90a1b9;
  --tv-color-popup-element-text-hover: #cad5e2;
  --tv-color-popup-element-background-hover: #19242e;
  --tv-color-popup-element-divider-background: #212a36;
  --tv-color-popup-element-secondary-text: #90a1b9;
  --tv-color-popup-element-hint-text: #90a1b9;
  --tv-color-popup-element-text-active: #cad5e2;
  --tv-color-popup-element-background-active: #67778e;
  --tv-color-popup-element-toolbox-text: #90a1b9;
  --tv-color-popup-element-toolbox-text-hover: #cad5e2;
  --tv-color-popup-element-toolbox-text-active-hover: #cad5e2;
  --tv-color-popup-element-toolbox-background-hover: #19242e;
  --tv-color-popup-element-toolbox-background-active-hover: rgb(80, 84, 72);

  --themed-color-bg-primary: #0d151e;
  --themed-color-properties-dialog-borders: #212a36;
  --themed-color-control-intent-default: #212a36;
  --themed-color-control-highlight-intent-primary: rgba(199, 242, 132, 1);
  --themed-color-checkbox: #212a36;
}

html.theme-dark [class*="dialog-"] {
  border: 1px solid #212a36;
}

html.theme-dark [class*="menuWrap-"] {
  border: 1px solid #2a2f3a;
  min-height: 10px;
}

html.theme-dark [class*="menuBox-"] {
    padding: 0;
}