# Link in / out / call in appearance ability to set color

**URL:** https://discourse.nodered.org/t/link-in-out-call-in-appearance-ability-to-set-color/58267
**Category:** Feature Requests
**Created:** [13 February 2022 16:08 UTC](https://discourse.nodered.org/t/link-in-out-call-in-appearance-ability-to-set-color/58267 "2022-02-13T16:08:45Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![wshostak](https://avatars.discourse-cdn.com/v4/letter/w/77aa72/32.png) [@wshostak](https://discourse.nodered.org/u/wshostak)
#### Post date: [13 February 2022 16:08 UTC](https://discourse.nodered.org/t/link-in-out-call-in-appearance-ability-to-set-color/58267/1 "2022-02-13T16:08:45Z")

</div>

You can set the icon but setting the color too would make those nodes easier to follow without having to click the node.

---

<div class="post-metadata">

### Author: ![wshostak](https://avatars.discourse-cdn.com/v4/letter/w/77aa72/32.png) [@wshostak](https://discourse.nodered.org/u/wshostak)
#### Post date: [14 February 2022 09:25 UTC](https://discourse.nodered.org/t/link-in-out-call-in-appearance-ability-to-set-color/58267/2 "2022-02-14T09:25:10Z")

</div>

I hoping a picture will explain better incase my text was not clear enough.

 ![Screen Shot 2022-02-14 at 18.22.16](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/b/0/b08c8f74a623c497046ced49898a067e49753745.png)

---

<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: [14 February 2022 10:51 UTC](https://discourse.nodered.org/t/link-in-out-call-in-appearance-ability-to-set-color/58267/3 "2022-02-14T10:51:34Z")

</div>

Yes. The reason we don't allow changing the colour of nodes is that we do allow you to change everything else...ie the label and the icon and the size, so the colour may well be the only way to guess what a node is when trying to quickly "read" a flow.

---

<div class="post-metadata">

### Author: ![wshostak](https://avatars.discourse-cdn.com/v4/letter/w/77aa72/32.png) [@wshostak](https://discourse.nodered.org/u/wshostak)
#### Post date: [16 February 2022 20:56 UTC](https://discourse.nodered.org/t/link-in-out-call-in-appearance-ability-to-set-color/58267/4 "2022-02-16T20:56:55Z")

</div>

@dceejay - I think this was a failure on my part to communicate correctly. This feature would help a lot when quickly ready a flow. I will add another picture, the original, that does not have the link in / out / call manually colored by me.

 ![Screen Shot 2022-02-17 at 05.51.00](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/e/8e1f1de70180c4ac7ce20a3b9af9a148fda7af52.png)  
You can see that this is much harder to quickly read then the one I have the color edited in.

---

<div class="post-metadata">

### Author: ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)
#### Post date: [16 February 2022 21:29 UTC](https://discourse.nodered.org/t/link-in-out-call-in-appearance-ability-to-set-color/58267/5 "2022-02-16T21:29:41Z")

</div>

You know you can show labels & set them to something that that makes it clearer what goes where.

Additionally, you could put the link nodes inside a group and set any colour you wish.

---

<div class="post-metadata">

### Author: ![wshostak](https://avatars.discourse-cdn.com/v4/letter/w/77aa72/32.png) [@wshostak](https://discourse.nodered.org/u/wshostak)
#### Post date: [21 February 2022 06:13 UTC](https://discourse.nodered.org/t/link-in-out-call-in-appearance-ability-to-set-color/58267/6 "2022-02-21T06:13:27Z")

</div>

Thanks for the suggestions while they are good ideas they are nowhere as clean and take a few more steps. If choosing color / colour on the link nodes was added, people who don't want to use it don't have too those who would like to use the feature can.

---

<div class="post-metadata">

### Author: ![cymplecy](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/cymplecy/32/2773_2.png) [@cymplecy](https://discourse.nodered.org/u/cymplecy)
#### Post date: [21 February 2022 08:00 UTC](https://discourse.nodered.org/t/link-in-out-call-in-appearance-ability-to-set-color/58267/7 "2022-02-21T08:00:52Z")

</div>

I think the problem with this FR is that its a slippery slope for the devs and crosses a line in the UI scheme.

However 🙂 link nodes are different from other nodes and are already treated differently

I'd love to see it implemented

But I'm going to have a little play with Steve's suggestion of sticking them in a group and see what that looks like

---

<div class="post-metadata">

### Author: ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)
#### Post date: [21 February 2022 11:53 UTC](https://discourse.nodered.org/t/link-in-out-call-in-appearance-ability-to-set-color/58267/8 "2022-02-21T11:53:58Z")

</div>

Having each link node in a group of it's own does let you colour code them but I think it takes up too much real estate.  
It also looks uncomfortably like an elastoplast!

 ![Untitled 1](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/f/1f9dd4189935d826fe0f1f26ec69e2b075e1e052.jpeg)

One way to implement the original request:  
If the link nodes had an optional CSS class (cf dashboard nodes) you could style them eg  
.red-ui-flow-node .red {  
stroke: red;  
stroke-width: 2;  
}  
 ![Untitled 2](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/4/0/405dfc06ae95c4bdfc1aa38b13d0fca675b2458d.jpeg)  
.red-ui-flow-node .redgreen {  
stroke: red;  
stroke-width: 2;  
fill: aquamarine;  
}  
 ![Untitled 3](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/b/6bf75b0831c00cb7f209263ab251d0713d79f40b.jpeg)

---

<div class="post-metadata">

### Author: ![HaroldPetersInskipp](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/haroldpetersinskipp/32/42319_2.png) [@HaroldPetersInskipp](https://discourse.nodered.org/u/HaroldPetersInskipp)
#### Post date: [21 February 2022 18:54 UTC](https://discourse.nodered.org/t/link-in-out-call-in-appearance-ability-to-set-color/58267/9 "2022-02-21T18:54:34Z")

</div>

I like the idea of color coding them in theory, but I don't know that it would work as well in practice, compared to labels. Before labels I had a setup like this:

 ![](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/1/e18c499c99d96d0fd1fbd2cba2e88a358c4b152a.png)

Now I think this is easier to understand:

 ![](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/5/851687889b6b5e839f3eac38f64f4488b12fa7a4.png)

Although I have messed around using empty subflows as color tags like this:

 ![](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/f/1f88917925c11def19a3bbe323081893e2a61429.png)

---

<div class="post-metadata">

### Author: ![wshostak](https://avatars.discourse-cdn.com/v4/letter/w/77aa72/32.png) [@wshostak](https://discourse.nodered.org/u/wshostak)
#### Post date: [22 February 2022 08:17 UTC](https://discourse.nodered.org/t/link-in-out-call-in-appearance-ability-to-set-color/58267/10 "2022-02-22T08:17:42Z")

</div>

@HaroldPetersInskipp - I guessed a little at your flow, in my edit, but this shows how color could simplify readability with your great example.

 ![851687889b6b5e839f3eac38f64f4488b12fa7a4](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/d/6dd3add7b8e18e8f6893deff32ca9864efb9635e.png)  
I think this would be beneficial with or with out labels.

---

<div class="post-metadata">

### Author: ![cymplecy](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/cymplecy/32/2773_2.png) [@cymplecy](https://discourse.nodered.org/u/cymplecy)
#### Post date: [22 February 2022 10:02 UTC](https://discourse.nodered.org/t/link-in-out-call-in-appearance-ability-to-set-color/58267/11 "2022-02-22T10:02:08Z")

</div>

I think this really is a good example of the benefits of link colouring 🙂

Having just the icon coloured is a VERY good idea 🙂

---

<div class="post-metadata">

### Author: ![cymplecy](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/cymplecy/32/2773_2.png) [@cymplecy](https://discourse.nodered.org/u/cymplecy)
#### Post date: [22 February 2022 10:05 UTC](https://discourse.nodered.org/t/link-in-out-call-in-appearance-ability-to-set-color/58267/12 "2022-02-22T10:05:11Z")

</div>

I've messed around with placing coloured subflows on top of link nodes and then grouping them - looks OK but time consuming and only suitable for a very stable project

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/7/c/7c61642a8c39ea1a4a903ee45166d513271ee065.png)

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/9/a91eee9c6b2a385c8583d9b2020544f490709a16.png)

---

<div class="post-metadata">

### Author: ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)
#### Post date: [22 February 2022 14:43 UTC](https://discourse.nodered.org/t/link-in-out-call-in-appearance-ability-to-set-color/58267/13 "2022-02-22T14:43:13Z")

</div>

Colouring just the icon for link nodes looks outstanding, I think it would be a big enhancement.

Link nodes can be given a distinctive appearance to indicate their special "invisible wires" function and the colour can indicate the matching link. Or, I suppose, mislead if you get the colours wrong.

No idea how easy it would be to code of course.

---

<div class="post-metadata">

### Author: ![smanjunath211](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/smanjunath211/32/95742_2.png) [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)
#### Post date: [23 February 2022 06:04 UTC](https://discourse.nodered.org/t/link-in-out-call-in-appearance-ability-to-set-color/58267/14 "2022-02-23T06:04:24Z")

</div>

> [@jbudd](#):
>
> mislead if you get the colours wrong

wouldn't it be nicer and fool proof if the **color** of the `Link In` node could change automatically to the color of `Link Out` Node ?

---

<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: [23 February 2022 07:49 UTC](https://discourse.nodered.org/t/link-in-out-call-in-appearance-ability-to-set-color/58267/15 "2022-02-23T07:49:03Z")

</div>

Until you want to wire it to more than one.

---

<div class="post-metadata">

### Author: ![smanjunath211](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/smanjunath211/32/95742_2.png) [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)
#### Post date: [23 February 2022 08:02 UTC](https://discourse.nodered.org/t/link-in-out-call-in-appearance-ability-to-set-color/58267/16 "2022-02-23T08:02:09Z")

</div>

should still be same color, since `link out` is same ?

oh... you mean `link out` is several and `link in` is one ? get it.. 🤦‍♂️

rainbow color 😄 may be.

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/7/4/74f092c5a73730c1cfc2278a5332124a7c965b35.png)

---

<div class="post-metadata">

### Author: ![HaroldPetersInskipp](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/haroldpetersinskipp/32/42319_2.png) [@HaroldPetersInskipp](https://discourse.nodered.org/u/HaroldPetersInskipp)
#### Post date: [25 February 2022 03:28 UTC](https://discourse.nodered.org/t/link-in-out-call-in-appearance-ability-to-set-color/58267/17 "2022-02-25T03:28:36Z")

</div>

Honestly, that mock-up looks really nice. Maybe it's better in practice then I thought, since labels can still be used anyway.

---

<div class="post-metadata">

### Author: ![cymplecy](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/cymplecy/32/2773_2.png) [@cymplecy](https://discourse.nodered.org/u/cymplecy)
#### Post date: [25 February 2022 06:50 UTC](https://discourse.nodered.org/t/link-in-out-call-in-appearance-ability-to-set-color/58267/18 "2022-02-25T06:50:00Z")

</div>

Used the "group nodes" concept for my cheerlight bot flow

Works well and should help considerably to work out with what goes on when I try and amend it in future 🙂

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/4/4/448e5151d2b7291985698ba5a345f44a36bdd61c.jpeg)

---

<div class="post-metadata">

### Author: ![daxliniere](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/daxliniere/32/42187_2.png) [@daxliniere](https://discourse.nodered.org/u/daxliniere)
#### Post date: [26 February 2022 16:58 UTC](https://discourse.nodered.org/t/link-in-out-call-in-appearance-ability-to-set-color/58267/19 "2022-02-26T16:58:02Z")

</div>

Node and WIRE coloring would be fantastic.

---

<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: [27 April 2022 16:58 UTC](https://discourse.nodered.org/t/link-in-out-call-in-appearance-ability-to-set-color/58267/20 "2022-04-27T16:58:13Z")

</div>

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