.theme-dark:root {
  --tv-color-platform-background: #171717; /* --color-bg-secondary */
  --tv-color-pane-background: #171717; /* --color-bg-secondary */

  --tv-color-toolbar-button-text: #9C9C9C; /* --color-neutral-2 */
  --tv-color-toolbar-button-text-active: #FFFFFF; /* --color-brand-primary */
  --tv-color-toolbar-button-text-active-hover: #FFFFFF; /* --color-brand-primary */

  --tv-color-toolbar-button-background-hover: #4C4C4C; /* --color-hover */
	--tv-color-toolbar-button-background-expanded: #0D0D0D; /* --color-pressed */
	--tv-color-toolbar-button-background-active: #393939; /* --color-active */
	--tv-color-toolbar-button-background-active-hover: #4C4C4C; /* --color-hover */

  --tv-color-toolbar-toggle-button-background-active: #FFFFFF; /* --color-brand-primary */
  --tv-color-toolbar-toggle-button-background-active-hover: #FFFFFF; /* --color-brand-primary */

  --tv-color-popup-background: #000000; /* --color-bg-primary */
  --tv-color-popup-element-text: #9C9C9C; /* --color-neutral-2 */
  --tv-color-popup-element-text-hover: #E9E9E9; /* --color-neutral-1 */
  --tv-color-popup-element-secondary-text: #606060; /* --color-neutral-3 */
  --tv-color-popup-element-text-active: #FFFFFF; /* --color-brand-primary */
  --tv-color-popup-element-background-hover: #4C4C4C; /* --color-hover */
  --tv-color-popup-element-background-active: #393939; /* --color-active */
  --tv-color-popup-element-divider-background: #393939; /* --color-active */
}

:root:not(.theme-dark) {
  --tv-color-platform-background: #EAE7DC; /* --color-bg-secondary */
  --tv-color-pane-background: #EAE7DC; /* --color-bg-secondary */

  --tv-color-toolbar-button-text: #7A7870; /* --color-neutral-2 */
  --tv-color-toolbar-button-text-active: #171717; /* --color-brand-primary */
  --tv-color-toolbar-button-text-active-hover: #171717; /* --color-brand-primary */

  --tv-color-toolbar-button-background-hover: #D8D2C2; /* --color-hover */
	--tv-color-toolbar-button-background-expanded: #DBD7C8; /* --color-pressed */
	--tv-color-toolbar-button-background-active: #D1CAB8; /* --color-active */
	--tv-color-toolbar-button-background-active-hover: #D8D2C2; /* --color-hover */

  --tv-color-toolbar-toggle-button-background-active: #171717; /* --color-brand-primary */
  --tv-color-toolbar-toggle-button-background-active-hover: #171717; /* --color-brand-primary */

  --tv-color-popup-background: #F7F6F0; /* --color-bg-primary */
  --tv-color-popup-element-text: #7A7870; /* --color-neutral-2 */
  --tv-color-popup-element-text-hover: #171717; /* --color-neutral-1 */
  --tv-color-popup-element-secondary-text: #9C988C; /* --color-neutral-3 */
  --tv-color-popup-element-text-active: #171717; /* --color-brand-primary */
  --tv-color-popup-element-background-hover: #D8D2C2; /* --color-hover */
  --tv-color-popup-element-background-active: #D1CAB8; /* --color-active */
  --tv-color-popup-element-divider-background: #D1CAB8; /* --color-active */
}