Luna UI Documentation

USS-styled variant of the built-in UnityEngine.UIElements.DropdownField — no custom subclass. Unity's dropdown can't be re-coloured by USS class alone, so Luna exposes USS variables you override at :root (or any selector) instead.

Dropdown Component

Setup

html

<engine:DropdownField label="Region" choices="EU,NA,APAC" />

CSS variables

Override at :root (or any selector) to retint the dropdown.

css

:root {
  --color-dropdown-bg: var(--color-slate-600);
  --color-dropdown-hover: var(--color-slate-400);
  --color-dropdown-active: var(--color-red-400);
}

Variable	Targets
`--color-dropdown-bg`	Resting background.
`--color-dropdown-hover`	Hover background.
`--color-dropdown-active`	Active / open background.

Available color tokens: see colors.

Dropdown

Setup

CSS variables

See also