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
--nonla-text-main, --nonla-text-secondary, --nonla-text-tertiary, --nonla-text-quaternary, and --nonla-text-on-solid for text ink.
--nonla-border-secondary, --nonla-fill, --nonla-fill-strong, --nonla-input-focus, and --nonla-bar for borders, washes, and the focus stroke.
--nonla-font and --nonla-base-text-size for the UI font and the markdown body size.
Tailwind utilities bg-muted-strong, bg-bar, border-border-secondary, and text-quaternary-foreground.
Docs: a colors page and the EditableInput API tables.
Changed
The theme is one small config block: --nonla-bg, the --nonla-text-* keys, --nonla-brand, the status colors, and the surface and border keys. Derived names follow it.
Focus rings on Calendar, Tabs, and copy buttons use brand/55 instead of the old ring color.
Input focus fill uses the sidebar step, and the focus stroke is --nonla-input-focus.
Light palette: page and sidebar #fafafa, text #404040, borders #e5e5e5.
Chat body text is 15px with a 24px line height.
Tailwind's default type scale applies. text-sm is 14px and text-xs is 12px.
Sidebar: a flat list. type: "group" rows are labels. Search keeps a group label when one of its rows matches.
ReactCode keeps the live preview mounted when the code view opens.
Upgrade notes
Removed exports from devnonla-ui: useToken, getDesignToken, NONLA_THEME_KEYS, NONLA_THEME_KNOBS, and the types NonlaThemeKnob, NonlaThemeKnobName, NonlaTokenSnapshot.
Renamed knobs:--nonla-fg becomes --nonla-text-main, --nonla-fg-muted becomes --nonla-text-secondary, --nonla-fg-tertiary becomes --nonla-text-tertiary, --nonla-fg-quaternary becomes --nonla-text-quaternary, and --nonla-solid-fg becomes --nonla-text-on-solid. --nonla-bg is unchanged. If you followed 0.13.0's note and set --nonla-fg, set --nonla-text-main instead.