Make compatible with vs code themes

[benedikt-buchert]

Is it possible to make the style adjust to the selected VS Code theme?

[benedikt-buchert]

#198

[dineug]

You can add the following settings to setting.json.
Because it's not real-time, it's reflected only when you load a new erd view.

{
  "dineug.vuerd-vscode.themeSync": true,
  // will NOT synchronize the color list
  "dineug.vuerd-vscode.theme": {
    "keyPK": "#B4B400",
    "keyFK": "#dda8b1",
    "keyPFK": "#60b9c4",
    "edit": "#ffc107"
  }
}

[benedikt-buchert]

Thanks a lot for that hint.

[benedikt-buchert]

I think the only issue with the sync for me is that the canvas color is the same as the background color for the tables.

[dineug]

Most cases apply appropriately.
Some themes can't be helped.

Custom themes will need to be defined.
Open the webview developer tool
Find the vuerd-provider element
I'll look at the theme colors that are currently applied.
Define the customized theme accordingly.

• https://github.com/vuerd/vuerd/tree/master/packages/vuerd-vscode#example-settingsjson-configuration-for-a-light-themed-editor