Skip to content

Styling tweaks#215

Open
lornakelly wants to merge 1 commit into
serverlessworkflow:mainfrom
lornakelly:123/styling-tweaks-2
Open

Styling tweaks#215
lornakelly wants to merge 1 commit into
serverlessworkflow:mainfrom
lornakelly:123/styling-tweaks-2

Conversation

@lornakelly

Copy link
Copy Markdown
Contributor

Contributes to https://github.com/serverlessworkflow/editor/pulls

Summary

  • Replace canvas crosses with dots
  • Replace hex with tokens and change colour of start/end node borders

Copilot AI review requested due to automatic review settings July 3, 2026 08:40
@netlify

netlify Bot commented Jul 3, 2026

Copy link
Copy Markdown

Deploy Preview for swf-editor ready!

Name Link
🔨 Latest commit fa200bf
🔍 Latest deploy log https://app.netlify.com/projects/swf-editor/deploys/6a47a7bb33a3c50008dd4850
😎 Deploy Preview https://deploy-preview-215--swf-editor.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Copilot AI 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.

Pull request overview

Updates the diagram editor’s visual styling to better match design tokens by changing the React Flow canvas background and replacing hard-coded stroke/border colors with CSS variables.

Changes:

  • Switch React Flow background from “cross” to “dots”.
  • Replace hard-coded edge stroke color with --dec-edge-selected.
  • Update start/end node border styling to use --dec-edge-selected instead of slate colors.

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 3 comments.

File Description
packages/serverless-workflow-diagram-editor/src/react-flow/diagram/Diagram.tsx Changes React Flow background variant from Cross to Dots.
packages/serverless-workflow-diagram-editor/src/react-flow/diagram/Diagram.css Replaces hard-coded colors with --dec-edge-selected for node borders and edge strokes.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread packages/serverless-workflow-diagram-editor/src/react-flow/diagram/Diagram.css Outdated
Signed-off-by: lornakelly <lornakelly88@gmail.com>
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.

2 participants