ER Diagram becomes distorted after changing theme using DBCode ER Diagram Theme feature

[devpkr1]

When changing the theme through the DBCode ER Diagram Theme dropdown, the theme change itself appears to complete successfully. However, after closing and reopening the ER Diagram, the diagram rendering becomes corrupted.

The issue does not necessarily occur immediately after selecting a new theme. Instead, it manifests when the ER Diagram is reopened, at which point the layout and visualization are rendered incorrectly.

Steps to Reproduce

1. Open an ER Diagram in DBCode.
2. Change the theme using the Theme dropdown (Auto, Light, Dark, or Custom).
3. Close the ER Diagram tab.
4. Reopen the same ER Diagram.
5. Observe the diagram rendering.

Expected Behavior

The ER Diagram should render correctly after reopening, regardless of the selected theme. Table positions, relationship lines, and overall layout should remain intact.

Actual Behavior

After changing the theme using the DBCode ER Diagram Theme feature and reopening the ER Diagram:

• The ER Diagram layout becomes distorted.
• Relationship lines disappear completely.
• Font color changed.
• The diagram rendering becomes visually broken and unusable.

Workaround

The issue persists even after reopening the ER Diagram. To restore the diagram correctly, all of the following steps are required:

1. Clear the VS Code WebView cache.
2. Reset the VS Code theme to the default theme.
3. Restart VS Code.

Only after performing these steps does the ER Diagram render correctly again.

Environment

• VS Code Version: 1.122.1
• DBCode Extension Version: 1.32.1
• OS: Windows

Distorted Diagram After Theme Change

Developer Console Errors

[mikeburgh]

Fixed in 1.32.3 which has been released