The settings dialog groups the editor's configuration options. It is opened from the toolbar and is organized into general, project, and about sections.
General
General settings apply to the whole editor and take effect immediately:
| Setting | Description |
|---|---|
| Language | The UI language of the editor. |
| Widget Display Name | Whether widget labels in the tree show the friendly display name or the identifier name. |
Theme
| Setting | Description |
|---|---|
| Appearance | Switches between dark and light mode. |
| Accent Color | The editor accent color: orange, cyan, blue, green, violet, or rose. |
Canvas
| Setting | Description |
|---|---|
| Enable Hover Highlight | Highlights the widget under the pointer on the canvas. |
| Global Align | When on, widgets snap to screen edges and midlines, the parent container, and every widget on the screen. When off, snapping is limited to the parent container and its siblings. |
Project
Project settings configure the current project and its generated code.
Configuration
| Setting | Description |
|---|---|
| Screen Width | The base width applied to top-level screens when you save. |
| Screen Height | The base height applied to top-level screens when you save. |
| Color Depth | The color depth used by the project: 8, 16, or 32 bits. |
| LVGL Target Version | The LVGL version used for preview rendering and code generation. |
As you edit, a live Screen Preview shows the resulting resolution and aspect ratio. Choose Save to apply the values to every top-level screen.
Code
Available in the desktop app:
| Setting | Description |
|---|---|
| Export Folders | The local folder each LVGL version exports its generated C sources to. Folder access is approved per computer, so a project opened elsewhere asks once before exporting. |
| Ask before clearing generated code | Generating code first empties the project folder's generated sources, so a deleted font or image cannot keep compiling. When on, you see what will be removed and can cancel; when off, it clears silently. |
Auto Save
When on, the editor writes your changes into the project's saved session shortly after each edit. When off, nothing is written until you use Save in the toolbar or press Ctrl+S, and leaving the editor or closing the window warns you about unsaved changes.
About
The about section shows host information for diagnostics:
- Desktop app version (in the desktop app).
- Browser name and version.
- Platform.
- Build timestamp.
Use Copy info to put this information on the clipboard when reporting an issue.