# Appearance of Node connect

**URL:** <https://discourse.nodered.org/t/appearance-of-node-connect/81754>\
**Category:** General\
**Created:** [4 October 2023 07:05 UTC](https://discourse.nodered.org/t/appearance-of-node-connect/81754 "2023-10-04T07:05:05Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Khk2000](https://avatars.discourse-cdn.com/v4/letter/k/278dde/32.png) [@Khk2000](https://discourse.nodered.org/u/Khk2000)\
**Post date:** [4 October 2023 07:05 UTC](https://discourse.nodered.org/t/appearance-of-node-connect/81754/1 "2023-10-04T07:05:05Z")

</div>

I was exploring node-red and was wondering if there is a way to change the color of connection only between two specific nodes(can be custom nodes/normal nodes)

---

<div class="post-metadata">

**Author:** ![marcus-j-davies](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/marcus-j-davies/32/103435_2.png) [@marcus-j-davies](https://discourse.nodered.org/u/marcus-j-davies)\
**Post date:** [4 October 2023 07:19 UTC](https://discourse.nodered.org/t/appearance-of-node-connect/81754/2 "2023-10-04T07:19:16Z")

</div>

Hi @Khk2000

To my knowledge, you cannot change the colour of wires.  
the wires do not hold any user definable property.

---

<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:** [4 October 2023 08:05 UTC](https://discourse.nodered.org/t/appearance-of-node-connect/81754/3 "2023-10-04T08:05:32Z")

</div>

You can change the colour of ALL the wires though.

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

This will make the wires thinner and blue:  
A CSS file: mine is /home/pi/.node-red/editor.css containing this

```auto
.red-ui-flow-link-line {
        stroke: #0722fc;
        stroke-width: 1;
}

```

In settings.css change the editorTheme section like this

```auto
    /** Customising the editor
     * See https://nodered.org/docs/user-guide/runtime/configuration#editor-themes
     * for all available options.
     */
    editorTheme: {
       page: {
          css: "/home/pi/.node-red/editor.css"
       },

```

---

<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:** [4 October 2023 11:58 UTC](https://discourse.nodered.org/t/appearance-of-node-connect/81754/4 "2023-10-04T11:58:38Z")

</div>

I'm afraid they don't even have an identifier in the HTML so anything you tried would be very fragile even if you managed to select the right wire.

---

<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:** [3 December 2023 11:59 UTC](https://discourse.nodered.org/t/appearance-of-node-connect/81754/5 "2023-12-03T11:59:13Z")

</div>

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