Appearance

// Register custom palettes with GraphProvider
const myPalette = {
  id: 'my-palette-id',
  name: 'My Palette',
  colors: [
    { id: '1', hex: '#3b82f6', name: 'Blue' },
    { id: '2', hex: '#ef4444', name: 'Red' },
    { id: '3', hex: '#10b981', name: 'Green' },
  ],
};
<GraphProvider customPalettes={[myPalette]}>
  <Graph config={{ appearance: { paletteId: 'my-palette-id' } }} />
</GraphProvider>;