Colors & theming

Styling is optional — diagrams render cleanly with none. When you do tint a node, use a standard color name or #hex, never a custom token.

The palette

red   orange  yellow  green  mint   teal   cyan
blue  indigo  purple  pink   brown  gray   black  white

(plus primary, secondary, and accent). A raw #hex works anywhere a name does.

Re-theming a whole repo

To restyle every diagram at once, drop an optional vizzy/vizzy.config that remaps what those names mean — the diagrams keep using plain names:

# vizzy/vizzy.config — optional palette overrides (name = #hex or color name)
red   = #E5484D
blue  = #0A84FF
green = #30A46C

Now every stroke:red / fill:red picks up the new red. Lines starting with # are comments; unknown or malformed lines are ignored. With no config file, the built-in palette is used.

Note

You never define $tokens in the diagrams themselves — diagrams reference standard names, and the config (if present) is the single place that remaps them.

Assets

Images are entirely optional. You may reference files from vizzy/assets/, but no diagram needs them — skip assets unless an icon or logo adds real meaning.