node-red-contrib-themes / solarized-dark-grey Goto Github PK

First of all. Thanks. This is a very cool theme, best one you released yet, in my opinion!

Second, Sorry if this is the wrong place for this.

I am trying to add some color to nodes for home assistant. Looking at the solarized-dark-grey-nodes.css file I can pretty much understand whats going on.

/* node: call-service */
#red-ui-palette-container .red-ui-palette-node[data-palette-type*="call service"],
#red-ui-palette-container .red-ui-palette-node[data-palette-type*="call service"] .red-ui-palette-label,
#red-ui-palette-container .red-ui-palette-node[data-palette-type*="call service"] .red-ui-palette-icon,
#red-ui-palette-container .red-ui-palette-node[data-palette-type*="call service"] .red-ui-palette-icon_container,
#red-ui-workspace-chart .red-ui-flow-node[fill*="rgb(82, 192, 242)"] {
   background-color: #3be0af !important;
   fill: #3be0af !important;
}

This is what im trying to achieve. If i understand correctly I have to get the default color and put it into, "[fill*="rgb(82, 192, 242)"]" which I have done using dev options in Chrome.

I then changed the backgrounad and fill color, uploaded the new file and restarted node-red.

Nothing changed for that node. Am I using the call service name correctly?

Based on your theme that has the 'events: state' and 'trigger: state', and the 'get template' nodes already changed from default. So Im guessing im just missing something.?

Any help would be much appreciated.
Thanks

Node-RED supports setting node colors in settings.js. This removes the need for awkward CSS trickery to change the node colors in CSS. The CSS colors need to be moved to a JS/JSON file which can then be required directly from node_modules in settings.js.

Settings file syntax for reference:

{
  editorTheme: {
    palette: {
      theme: [
        // Override node colours - rules test against category/type by RegExp.
        { category: ".*", type: ".*", color: "#f0f" }
      ]
    }
  }
}