@import "colors.css";

body {
  /* Platform */
  --tv-color-platform-background: var(--color-secondary);
  --tv-color-pane-background: var(--color-secondary);
  --tv-color-toolbar-button-background-hover: var(--color-secondary);
  --tv-color-toolbar-button-background-expanded: var(--color-secondary);
  --tv-color-toolbar-button-background-active: var(--color-secondary);
  --tv-color-toolbar-button-background-active-hover: var(--color-tertiary);
  --tv-color-toolbar-button-text: var(--color-text-tertiary);
  --tv-color-toolbar-button-text-hover: var(--color-text-primary);
  --tv-color-toolbar-button-text-active: var(--color-text-primary);
  --tv-color-toolbar-button-text-active-hover: var(--color-text-primary);
  --tv-color-item-active-text: var(--color-text-primary);
  --tv-color-toolbar-toggle-button-background-active: var(--color-text-primary);
  --tv-color-toolbar-toggle-button-background-active-hover: var(--color-text-primary);
  --tv-color-toolbar-divider-background: var(--color-layer4);
  --tv-color-toolbar-save-layout-loader: var(--color-text-tertiary);
  --tv-color-bar-mark-background-color: var(--color-secondary);

  /* Popup */
  --tv-color-popup-background: var(--color-secondary);
  --tv-color-popup-element-text: var(--color-text-tertiary);
  --tv-color-popup-element-text-hover: var(--color-text-primary);
  --tv-color-popup-element-background-hover: var(--color-layer3);
  --tv-color-popup-element-divider-background: var(--color-layer3);
  --tv-color-popup-element-secondary-text: var(--color-text-tertiary);
  --tv-color-popup-element-hint-text: var(--color-text-secondary);
  --tv-color-popup-element-text-active: var(--color-text-primary);
  --tv-color-popup-element-background-active: var(--color-layer3);
  --tv-color-popup-element-toolbox-text: var(--color-text-tertiary);
  --tv-color-popup-element-toolbox-text-hover: var(--color-text-primary);
  --tv-color-popup-element-toolbox-text-active-hover: var(--color-text-primary);
  --tv-color-popup-element-toolbox-background-hover: var(--color-tertiary);
  --tv-color-popup-element-toolbox-background-active-hover: var(--color-tertiary);
}