Theming

ModelGraphView wraps its output in <div data-theme="light|dark">. Target that attribute in your stylesheet:

[data-theme="light"] {
  --wetron-node-bg: #fafafa;
  --wetron-panel-bg: #f5f5f5;
}

[data-theme="dark"] {
  --wetron-node-bg: #111827;
  --wetron-node-border: #1f2937;
  --wetron-panel-bg: #111827;
}

Node card tokens#

Tooltip tokens#

Property panel tokens#

Node category colours#

Category accent colours come from @wetron/tokens and are applied as tinted backgrounds on node cards. They are not CSS custom properties - customise them by passing a modified CATEGORY_THEME map if you fork the theme layer.