Settings: Appearance and animation

Appearance & Motion: "Language, motion, density and the action color. Language switches at once; the rest applies after Save."

FieldDefaultWhat it does
MotionSystemSystem (follows the setting of your computer), On, Reduced, Off. "System, On, Reduced or Off. The choice applies after “Save settings”." See below.
Languagethe language of your system at the first start: Russian on a Russian system, otherwise EnglishEnglish or Русский. "English or Русский. The window switches at once, and “Save settings” keeps the choice." The welcome card has a language button too.
DensityComfortableComfortable or Compact: how much room the controls take.
Interface size100 %From 80 to 200 %. "Makes every text, button and panel larger or smaller. The canvas zoom stays its own." The View menu has the same: Ctrl+Alt+= larger, Ctrl+Alt+- smaller, Ctrl+Alt+0 normal.
Accent colorCyanCyan, Violet, Mint, Amber: the colour of the main button and of what is selected.
Reduce glowoff"Flatter buttons and canvas without soft light."

Preview at the bottom shows a sample node ("Sampler", "Turns noise into an image in steps.") and a Primary action button with your choices.

Language and motion are also in the View menu, where they are saved at once.

Motion

Motion applies to everything that moves in the window.

  • On: things travel and loop. The view glides to where it goes; a short hop takes about a quarter of a second, a long trip about two thirds.
  • Reduced, and System when your system asks to reduce motion: only short fades. Nothing loops or travels, and the view jumps.
  • Off: nothing animates. Marks still appear and then go.

What moves, with motion on: the place of a lesson step stands out and the rest dims; what passed a step flashes; during a tour of the graph the step's node and its feeders stand out; after a check a wave runs over the marked nodes; a grey draft turns into the node when accepted and dissolves when rejected; a dashed line shows the best input while a link is dragged; a history replay shows what each version changed; a deleted node fades where it stood; chat tool cards that arrive together come in one after another. See The canvas.

Limits

There is one dark theme. No light theme.

See also

This page is imported from the application repository's wiki (docs/wiki/interface/Settings-Appearance.md, revision b8e3f71). The same guide is built into the app: Help ▸ User guide.

To refresh it, run npm run import and then npm run build in the website folder.