You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Light and dark color mode. Dark is the default. setColorMode, initColorMode, getColorMode, and ThemeToggle remember the choice (nonla-color-mode). Put class="light" on <html> to start in daylight.
Card, Card.Item, and Card.Footer for a titled settings surface.
MarkdownEditor with preview, edit, and diff (original, diffLayout).
SolarIcon and solarIconName. Pass a style such as bold-duotone to force a weight. Legacy Fluent names (FluentIcon, fluentIconName, settings-24) still resolve.
Checkbox and Switchcolor: brand | success | white.
Spincolor: brand | neutral.
DesktopWindowheader={false} hides the title bar and keeps close and expand over the top-left.
Searchable Select filters options from the trigger.
Table pagination footer includes a page-size menu (showSizeChanger stays on unless set to false).
Changed
Default palette is a dark solid surface. :root and .dark share it. .light is the daylight palette (page #f3f3f3, white cards). Shadows follow --nonla-shadow. Code uses GitHub Dark Dimmed, with a light syntax theme under .light.
Outlined fields are transparent. Focus fills with an ink wash and strengthens the stroke.
Table is bordered by default and uses a hairline frame.
Sidebar string icons render as Solar bold-duotone. Group labels are 11px and bold.
MermaidBlock follows the active color mode.
Upgrade notes
Apps that want the previous daylight page need class="light" on <html>, or setColorMode("light").
Table without bordered={false} now draws a frame. The footer shows a page-size control unless pagination.showSizeChanger is false.
Icon glyphs are Solar. Import names from 0.8.0 still work.