Skip to content

fix(vscode): use theme colours in the canvas preview - #3331

Merged
markscott-ms merged 1 commit into
finos:mainfrom
mangeshraut712:cursor/vscode-dark-theme-colors-e7ec
Oct 14, 2026
Merged

markscott-ms merged 1 commit into
finos:mainfrom
mangeshraut712:cursor/vscode-dark-theme-colors-e7ec

Conversation

@mangeshraut712

Copy link
Copy Markdown
Contributor

Description

Nodes, edges, and a few panel controls in the CALM Canvas webview used fixed colours. Those colours in calm-plugins/vscode/src/webview/canvas and panels now use --vscode-* theme variables, the same way canvas.css already does for the rest of the webview.

canvas.css still has fixed colours for handles, the selection ring, and the connection line. I left that file alone.

Fixes #3076

Type of Change

  • 🐛 Bug fix (non-breaking change which fixes an issue)
  • ✨ New feature (non-breaking change which adds functionality)
  • 💥 Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • 📚 Documentation update
  • 🎨 Code style/formatting changes
  • ♻️ Refactoring (no functional changes)
  • ⚡ Performance improvements
  • ✅ Test additions or updates
  • 🔧 Chore (maintenance, dependencies, CI, etc.)

Affected Components

  • CLI (cli/)
  • Schema (calm/)
  • CALM AI (calm-ai/)
  • CALM Hub (calm-hub/)
  • CALM Hub UI (calm-hub-ui/)
  • CALM Server (calm-server/)
  • CALM Widgets (calm-widgets/)
  • Documentation (docs/)
  • Shared (shared/)
  • VS Code Extension (calm-plugins/vscode/)
  • Dependencies
  • CI/CD

Commit Message Format ✅

Testing

Ran npm test and npm run lint in calm-plugins/vscode. Tests passed. Lint finished with no errors (the warnings it printed were already there). I did not open the extension in VS Code.

  • I have tested my changes locally
  • I have added/updated unit tests
  • All existing tests pass

Checklist

  • My commits follow the conventional commit format
  • I have updated documentation if necessary
  • I have added tests for my changes (if applicable)
  • My changes follow the project's coding standards

Replace fixed colours in the canvas nodes, edges, and panels with
--vscode-* variables so the preview follows the editor theme.

Fixes #3076

Signed-off-by: Mangesh Raut <mbr63drexel@gmail.com>

Co-authored-by: Mangesh Raut <mangeshraut712@users.noreply.github.com>
@mangeshraut712
mangeshraut712 requested a review from a team as a code owner October 12, 2026 09:39
@linux-foundation-easycla

linux-foundation-easycla Bot commented Oct 12, 2026 •

Copy link
Copy Markdown

CLA Signed
The committers listed above are authorized under a signed CLA.

@markscott-ms

Copy link
Copy Markdown
Contributor

@mangeshraut712 thank you. Please sign the CLA (see bot instructions above), otherwise unfortunately we cannot accept the contribution

@mangeshraut712

Copy link
Copy Markdown
Contributor Author

CLA is signed now, EasyCLA check is green. Thanks!

@markscott-ms markscott-ms left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This PR meets the requirements as specified in the issue, and appears visually okay (I built and ran the VSCode extension).

There are some further colour issues I've identified, not enumerated in the issue, but it would be unfair to criticise this PR for not addressing them. I'll either fix them or create another issue.

@markscott-ms
markscott-ms merged commit afd0752 into finos:main Oct 14, 2026
21 checks passed
@bartread

Copy link
Copy Markdown

Thank you @mangeshraut712 @markscott-ms: I filed the original issue. I didn't expect anyone to get to it so quickly - thanks for fixing and for looking into other colour-related issues.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

CALM Canvas VS Code extension does not play well with dark themes

3 participants