# Edit the login.html of Node-RED

**URL:** https://discourse.nodered.org/t/edit-the-login-html-of-node-red/81375
**Category:** General
**Created:** [16 September 2023 18:52 UTC](https://discourse.nodered.org/t/edit-the-login-html-of-node-red/81375 "2023-09-16T18:52:11Z")
**Posts on this page:** 15
**Page:** 1

<div class="post-metadata">

### Author: ![Brandon](https://avatars.discourse-cdn.com/v4/letter/b/f08c70/32.png) [@Brandon](https://discourse.nodered.org/u/Brandon)
#### Post date: [16 September 2023 18:52 UTC](https://discourse.nodered.org/t/edit-the-login-html-of-node-red/81375/1 "2023-09-16T18:52:11Z")

</div>

Hello I'm newbie and I would like to know where can I modify the login of Node-RED because I would like to add a photo of my house at login but I didn't find the HTML.

---

<div class="post-metadata">

### Author: ![ralphwetzel](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ralphwetzel/32/53713_2.png) [@ralphwetzel](https://discourse.nodered.org/u/ralphwetzel)
#### Post date: [16 September 2023 19:42 UTC](https://discourse.nodered.org/t/edit-the-login-html-of-node-red/81375/2 "2023-09-16T19:42:37Z")

</div>

Hi @Brandon!  
Welcome to this community.

There's no `login.html`. The dialog is created at runtime. It's source is defined in [`user.js`](https://github.com/node-red/node-red/blob/master/packages/node_modules/%40node-red/editor-client/src/js/user.js).

---

<div class="post-metadata">

### Author: ![Brandon](https://avatars.discourse-cdn.com/v4/letter/b/f08c70/32.png) [@Brandon](https://discourse.nodered.org/u/Brandon)
#### Post date: [16 September 2023 19:53 UTC](https://discourse.nodered.org/t/edit-the-login-html-of-node-red/81375/3 "2023-09-16T19:53:40Z")

</div>

Thanks tomorrow I'm going to try edit it

---

<div class="post-metadata">

### Author: ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)
#### Post date: [16 September 2023 21:22 UTC](https://discourse.nodered.org/t/edit-the-login-html-of-node-red/81375/4 "2023-09-16T21:22:27Z")

</div>

If you want to modify the image in the login dialog box you can do that via your settings file - no need to edit the source code.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/d/0/d00f1c8a435adc7dc2069a67b6102518822e95e6.png)

In your `settings.js` file (typically `~/.node-red/settings.js`), search for the `editorTheme` section.

Within that object add a `login` property like this:

```auto
editorTheme: {
    login: {
        image: "/absolute/path/to/login/page/big/image" // a 256x256 image
    },
    // Don't miss the comma above to separate this from the other settings

```

The `editorTheme.login.image` setting should be an _absolute_ path to the image you'd like it to use. It should be a 256x256 image.

Reference:

[https://nodered.org/docs/user-guide/runtime/configuration#editor-themes](https://nodered.org/docs/user-guide/runtime/configuration#editor-themes)

---

<div class="post-metadata">

### Author: ![Brandon](https://avatars.discourse-cdn.com/v4/letter/b/f08c70/32.png) [@Brandon](https://discourse.nodered.org/u/Brandon)
#### Post date: [17 September 2023 11:23 UTC](https://discourse.nodered.org/t/edit-the-login-html-of-node-red/81375/5 "2023-09-17T11:23:26Z")

</div>

Hello knolleary, first of all thank for helping.

I tryied but when I save it show me an error  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/7/e/7e992108385f7f9270e3c2ff87fd4b6b7788997b.png)

---

<div class="post-metadata">

### Author: ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)
#### Post date: [17 September 2023 15:24 UTC](https://discourse.nodered.org/t/edit-the-login-html-of-node-red/81375/6 "2023-09-17T15:24:10Z")

</div>

Were you logged in as the user ‘Brandon’ when you tried to edit the file?

In a terminal window you can check the permissions of the file using  
`ls -al /home/Brandon/.node-red.settings.js`  
And show us what it shows

---

<div class="post-metadata">

### Author: ![Brandon](https://avatars.discourse-cdn.com/v4/letter/b/f08c70/32.png) [@Brandon](https://discourse.nodered.org/u/Brandon)
#### Post date: [17 September 2023 16:29 UTC](https://discourse.nodered.org/t/edit-the-login-html-of-node-red/81375/7 "2023-09-17T16:29:35Z")

</div>

I'm logged as Brandon I will reinstall the OS because I don't remember the user and pass of root user

---

<div class="post-metadata">

### Author: ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)
#### Post date: [17 September 2023 16:35 UTC](https://discourse.nodered.org/t/edit-the-login-html-of-node-red/81375/8 "2023-09-17T16:35:52Z")

</div>

If you are using a pi you don’t want to install with the root user. Just use the bash script in the documentation

---

<div class="post-metadata">

### Author: ![Brandon](https://avatars.discourse-cdn.com/v4/letter/b/f08c70/32.png) [@Brandon](https://discourse.nodered.org/u/Brandon)
#### Post date: [17 September 2023 17:18 UTC](https://discourse.nodered.org/t/edit-the-login-html-of-node-red/81375/9 "2023-09-17T17:18:26Z")

</div>

I tought to install with my user but log in with the root user to edit some archives. Is is correct?

---

<div class="post-metadata">

### Author: ![Brandon](https://avatars.discourse-cdn.com/v4/letter/b/f08c70/32.png) [@Brandon](https://discourse.nodered.org/u/Brandon)
#### Post date: [17 September 2023 17:50 UTC](https://discourse.nodered.org/t/edit-the-login-html-of-node-red/81375/10 "2023-09-17T17:50:25Z")

</div>

-rw-r--r-- 1 root root 21332 Sep 17 19:43 /home/brandon/.node-red/settings.js

---

<div class="post-metadata">

### Author: ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)
#### Post date: [17 September 2023 18:05 UTC](https://discourse.nodered.org/t/edit-the-login-html-of-node-red/81375/11 "2023-09-17T18:05:32Z")

</div>

Then something is wrong with your installation. None of the files or folders in `/home/Brandon/` should be owned by root. They should be owned by user and group `Brandon`.

---

<div class="post-metadata">

### Author: ![Brandon](https://avatars.discourse-cdn.com/v4/letter/b/f08c70/32.png) [@Brandon](https://discourse.nodered.org/u/Brandon)
#### Post date: [17 September 2023 18:17 UTC](https://discourse.nodered.org/t/edit-the-login-html-of-node-red/81375/12 "2023-09-17T18:17:29Z")

</div>

I install with the guide of node red:  
[https://nodered.org/docs/getting-started/raspberrypi](https://nodered.org/docs/getting-started/raspberrypi)

---

<div class="post-metadata">

### Author: ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)
#### Post date: [17 September 2023 19:11 UTC](https://discourse.nodered.org/t/edit-the-login-html-of-node-red/81375/13 "2023-09-17T19:11:24Z")

</div>

It would not end up with root permissions unless you ran it with sudo, or logged in as root. I am not sure it would even then. Perhaps you ran node-red with sudo.

You need to change your complete home folder so all files are owned by you. Google should find the command to do that for you.

---

<div class="post-metadata">

### Author: ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)
#### Post date: [17 September 2023 19:33 UTC](https://discourse.nodered.org/t/edit-the-login-html-of-node-red/81375/14 "2023-09-17T19:33:58Z")

</div>

We do now optionally set the settings file to be owned by root as part of the install script. This is to help stop web attacks from rewriting the settings file and changing peoples node-red editor passwords etc as we have seen before.

So yes if that option is chosen then you need to use root to edit the settings file.

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)
#### Post date: [16 November 2023 19:34 UTC](https://discourse.nodered.org/t/edit-the-login-html-of-node-red/81375/15 "2023-11-16T19:34:10Z")

</div>

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