How to Customize n8n UI (e.g., Logo) After Cloning from GitHub

Questions
1

Hi n8n community,

I cloned the n8n source code from GitHub because I want to customize the UI, such as changing the logo (e.g., logo-icon.svg). However, after modifying the files and rebuilding the project, my changes are not reflected.

It seems that the UI assets might be pulled from a specific Docker Hub repository, which could explain why my local modifications are not applied when running the container.

Could anyone guide me on how to properly customize the UI and deploy the modified version? Specifically, I would like to:

  1. Modify UI elements (such as the logo).
  2. Ensure that my changes are reflected when I run n8n.

Any advice or documentation references would be greatly appreciated!

Thanks in advance. :blush:

2

It looks like your topic is missing some important information. Could you provide the following if applicable.

  • n8n version:
  • Database (default: SQLite):
  • n8n EXECUTIONS_PROCESS setting (default: own, main):
  • Running n8n via (Docker, npm, n8n cloud, desktop app):
  • Operating system:
3

Welcome to the community @Zooan_Seo !

Tip for sharing information

Pasting your n8n workflow

Ensure to copy your n8n workflow and paste it in the code block, that is in between the pairs of triple backticks, which also could be achieved by clicking </> (preformatted text) in the editor and pasting in your workflow.

```
<your workflow>
```

That implies to any JSON output you would like to share with us.

Make sure that you have removed any sensitive information from your workflow and include dummy or pinned data with it!

You would have to purchase embed license to start whitelabeling our product, White labelling | n8n Docs.

4

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.