You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The VSCode integration already uses VSCode CSS variables for sprotty graph/node/edge, problem is with text which remained the default color (black). Depending on the theme selected some of the text in the diagram is almost not visible - either labels inside the nodes or on the edges.
Override fill color for sprotty text in diagram.css:
/* most of the time the labels are inside the nodes */
.sprotty text {
fill: var(--vscode-editor-background);
}
/* for edges background is the graph: --vscode-editor-background */
.sprotty-edge text {
fill: var(--vscode-foreground);
}
The text was updated successfully, but these errors were encountered:
@akera-io Thank you for reporting this issue! In general this change looks reasonable to me, would you like to open a PR for it so we can do a proper review on it?
The VSCode integration already uses VSCode CSS variables for sprotty graph/node/edge, problem is with text which remained the default color (black). Depending on the theme selected some of the text in the diagram is almost not visible - either labels inside the nodes or on the edges.
Override fill color for sprotty text in diagram.css:
/* most of the time the labels are inside the nodes */
.sprotty text {
fill: var(--vscode-editor-background);
}
/* for edges background is the graph: --vscode-editor-background */
.sprotty-edge text {
fill: var(--vscode-foreground);
}
The text was updated successfully, but these errors were encountered: