Luna UI Documentation

Swap the pointer per element with one class — and get a complete, ready-made themed cursor set for free: the Essentials theme ships 16 game-styled cursor sprites (from Kenney's cursor pack, wired up in Theme/Images/Cursor.uss) and applies --cursor-default to every element via a * { cursor: var(--cursor-default); } rule, so your whole UI wears a themed pointer with zero setup.

USS Classes

Format: cursor-{value}

html

<!-- Change cursor icon on hover -->
<engine:VisualElement class="cursor-move"/>

Class	Icon
cursor-default
cursor-pointer
cursor-wait
cursor-text
cursor-move
cursor-help
cursor-not-allowed
cursor-context-menu
cursor-cell
cursor-copy
cursor-grab
cursor-grabbing
cursor-zoom-in
cursor-zoom-out
cursor-cross	cross_large (large crosshair)
cursor-cross-small	cross_small (small crosshair)

USS Variables

css

--cursor-default
--cursor-pointer
--cursor-wait
--cursor-text
--cursor-move
--cursor-help
--cursor-not-allowed
--cursor-context-menu
--cursor-cell
--cursor-copy
--cursor-grab
--cursor-grabbing
--cursor-zoom-in
--cursor-zoom-out
--cursor-cross
--cursor-cross-small

/* Usage */
.example {
    cursor: var(--cursor-pointer);
}

To swap the cursor art project-wide, repoint these variables at your own sprites in your copied theme's Images/Cursor.uss — see Theme Stack for the copy-the-theme step.

Cursor

USS Classes

USS Variables

See also