Custom Scrollbars

Scrollbar utilities apply directly to Lui.Scroll:

scrollbar-thin
scrollbar-md
scrollbar-lg
scrollbar-xl
scrollbar-{n}
scrollbar-[12px]
scrollbar-track-{color}
scrollbar-thumb-{color}

Lui.Scroll("h-96 p-3 rounded-lg bg-slate-950 scrollbar-lg scrollbar-track-slate-900 scrollbar-thumb-primary",
    Lui.Div("flex flex-col gap-2",
        Lui.ForEach(rows, row => Row(row).Key(row.Id))
    )
)

scrollbar-{n} uses the theme spacing scale, so scrollbar-3 is 3 * spacingUnit pixels. Use scrollbar-[12px] for an exact pixel thickness. scrollbar-track-* and scrollbar-thumb-* accept palette colors, theme colors, custom theme colors, arbitrary hex colors, and opacity modifiers like other color utilities.

LUI renders a flat scrollbar: the built-in Unity scroller’s 9-sliced thumb/track sprites and its up/down arrow buttons are stripped automatically (those sprites are what previously stretched into distorted “ellipse” shapes once a custom thickness resized them). Every Lui.Scroll — even without scrollbar utilities — gets a rounded, flat thumb on a subtle track and no arrow buttons. Set scrollbar-thumb-* / scrollbar-track-* to recolor, and scrollbar-thin|md|lg|xl (or scrollbar-{n}) to resize; the flat look is preserved at any thickness.