docs/editor/12-settings-modal.md

12 — Settings modal

Theme picker, font family / size, key bindings, indent rules, word-wrap toggle, autosave delay, and the AI provider quick-link. Persisted to localStorage as well as synced to the user account when logged in.

Screenshots

Desktop	Mobile

What it does

• Theme list is sourced from editorThemes.ts (60+ themes — One Dark Pro, Dracula, Tokyo Night, Replit, Catppuccin, Monokai, Synthwave 84, …).

• Settings are split into tabs — General · Editor · AI · About.

• Each numeric input is validated client-side before being written back to the store; out-of-range values fall back to the default.

  Source files

  • client/editor/Settings.tsx

• client/editor/editorThemes.ts

• client/editor/uiStore.ts

  ---

  ← Back to the editor index.