Color Schemes & Document Colors

Diagrammix has two complementary colour tools:

  • Color schemes — each notation pack comes with colour schemes for its symbols. Picking a scheme recolours a symbol in a coordinated set of colours.
  • Document Colors — a palette of seven colours stored with the document. Use it to keep colours consistent and to re-theme a whole diagram at once.

Color Schemes for Symbols

In the Inspector

  1. Select one or more notation symbols
  2. Open the Inspector's Style tab
  3. In the Element Color Components section, click a scheme in the colour-scheme grid

The same section also has an Opacity slider. When a custom style with style variants is active, a grid of Style Variants appears above the colour schemes.

From the Floating Toolbar

Double-click a symbol to show its action toolbar, then click the Color Scheme button (it shows the current colour) and pick a scheme from the popover.

Document Colors

Every document has a palette of seven colours:

SwatchTypical use
Accent 1–4Main colours for shapes and highlights
DarkText and outlines
LightSoft fills and backgrounds of containers
BackgroundThe page background

The palette's swatches also appear as quick colour chips in the floating shape, connector, and text toolbars, so you can pick a document colour in one click.

Editing the Palette

  1. Open the Inspector's Document tab
  2. In the Document Colors section, click Edit Palette… (or click a swatch)
  3. In the Palette popover:
    • Click a colour well to change a swatch's colour, and edit the name below it if you like
    • Choose a preset from the preset menu: Ocean, Sunset, Forest, Corporate, Mono, Pastel, Bold, or Earth

Editing the palette only changes the stored palette — your shapes keep their colours until you apply it.

Extract from Diagram

Click Extract from Diagram to build the palette from the colours already used in your diagram. This is a quick way to capture the colours of an existing design before adjusting them.

Apply to Diagram

Click Apply to Diagram to re-theme the diagram: every colour in the diagram that matches the palette you started from is replaced by the corresponding colour of the edited palette. The whole change is a single undo step.

Typical workflow: open Edit Palette…, pick a different preset (for example Sunset instead of Ocean), then click Apply to Diagram to recolour the diagram in the new palette.

Tips

  • Start from a preset and adjust individual swatches rather than picking every colour by hand
  • Use Extract, then Apply to recolour a diagram you received from someone else
  • Check contrast between text colours and fills after re-theming