UI Style sets the component design. Color Theme overrides its colors; choose None for the style’s native palette. Try light, dark, or contrast mode, then edit the active colors.

Runtime semantic API

Switch presets without changing component classes

Every component below keeps its .ui-* class while the UI Style control changes only the root data-ui value.

Neutral Ready Review

Project name Native labels and controls keep their semantics.

Release channel Notes

Checked Selected Enabled

Stable semantic markup
Contract	Status
29 selectors	Implemented

Modal surfaces use the styled native <dialog> fallback; the API intentionally has no .ui-modal or .ui-dialog.

CSS theme and preset library

UI Style Kit CSS

A CSS-only library with 20 visual systems, 20 shared color themes, light, dark, and contrast modes, scoped native HTML styling, editable RGB theme tokens, and an optional Interactive Surface bridge.

GitHub npm Wiki