Skip to content

feat(editor): Update brand colors and component styles - #36488

Merged
heymynameisrob merged 4 commits into
n8n-rebrand-2026from
n8n-rebrand-colours
Aug 19, 2026
Merged

feat(editor): Update brand colors and component styles#36488
heymynameisrob merged 4 commits into
n8n-rebrand-2026from
n8n-rebrand-colours

Conversation

@heymynameisrob

@heymynameisrob heymynameisrob commented Aug 18, 2026

Copy link
Copy Markdown
Contributor

Summary

  • Add the new brand color primitives and semantic tokens.
  • Update buttons, cards, and tabs to use the new visual language.
  • Update the workflow publish action shape and colors.

Screenshots are not included.

How to test

  1. Start the Editor UI.
  2. Open views that contain buttons, cards, and tabs.
  3. Confirm that each component uses the new colors, borders, and corner shapes.
  4. Open a workflow.
  5. Confirm that the draft and publish actions use the new visual style.
  6. Check light and dark themes.

Automated tests were not run for this visual-only change.

Related Linear tickets, Github issues, and Community forum posts

None.

Review / Merge checklist

  • I have seen this code, I have run this code, and I take responsibility for this code.
  • PR title and summary are descriptive. (conventions)
  • Docs updated or follow-up ticket created.
  • Tests included.
  • PR Labeled with Backport to Beta, Backport to Stable, or Backport to v1 (if the PR is an urgent fix that needs to be backported)

@heymynameisrob
heymynameisrob requested review from a team and Matsuuu and removed request for a team and Matsuuu August 18, 2026 09:31
@codecov

codecov Bot commented Aug 18, 2026

Copy link
Copy Markdown

Codecov Report

✅ All modified and coverable lines are covered by tests.

📢 Thoughts on this report? Let us know!

@codecov

codecov Bot commented Aug 18, 2026

Copy link
Copy Markdown

Bundle Report

Changes will increase total bundle size by 738 bytes (0.0%) ⬆️. This is within the configured threshold ✅

Detailed changes
Bundle name Size Change
editor-ui-esm 52.81MB 738 bytes (0.0%) ⬆️

Affected Assets, Files, and Routes:

view changes for bundle: editor-ui-esm

Assets Changed:

Asset Name Size Change Total Size Change (%)
assets/worker-*.js -3.19MB 18.44kB -99.43%
assets/worker-*.js 3.19MB 3.21MB 17319.51% ⚠️
assets/src-*.css 25 bytes 925.41kB 0.0%
assets/index-*.css 711 bytes 891.35kB 0.08%
assets/AgentBuilderView-*.css 1 bytes 197.69kB 0.0%
assets/MainHeader-*.css 1 bytes 42.09kB 0.0%

@n8n-assistant n8n-assistant Bot added the n8n team Authored by the n8n team label Aug 18, 2026
@heymynameisrob
heymynameisrob marked this pull request as ready for review August 19, 2026 13:38
@heymynameisrob
heymynameisrob merged commit 7bade5e into n8n-rebrand-2026 Aug 19, 2026
47 of 49 checks passed
@heymynameisrob
heymynameisrob deleted the n8n-rebrand-colours branch August 19, 2026 13:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

cla-signed n8n team Authored by the n8n team

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant