changed xilica node colors (black on white to match the brand)

This commit is contained in:
Niko Vujić
2025-12-31 09:54:39 +01:00
parent 608a308b5a
commit e7acf05545
5 changed files with 45 additions and 9 deletions

View File

@@ -1,7 +1,7 @@
<script type="text/javascript"> <script type="text/javascript">
RED.nodes.registerType('xilica-command', { RED.nodes.registerType('xilica-command', {
category: 'Xilica', category: 'Xilica',
color: '#D8E7FF', color: '#000000',
defaults: { defaults: {
name: { value: "" }, name: { value: "" },
connection: { value: "", type: "xilica-connection", required: true }, connection: { value: "", type: "xilica-connection", required: true },
@@ -63,4 +63,3 @@ RED.nodes.registerType('xilica-command', {
</ul> </ul>
<p>The node automatically appends the required carriage return and waits for the response. When parsing is enabled, it returns an object (or array of objects) describing values, notifications, OK and error responses. When disabled, it returns the raw response lines as a single string.</p> <p>The node automatically appends the required carriage return and waits for the response. When parsing is enabled, it returns an object (or array of objects) describing values, notifications, OK and error responses. When disabled, it returns the raw response lines as a single string.</p>
</script> </script>

View File

@@ -1,7 +1,7 @@
<script type="text/javascript"> <script type="text/javascript">
RED.nodes.registerType('xilica-interval', { RED.nodes.registerType('xilica-interval', {
category: 'Xilica', category: 'Xilica',
color: '#D8E7FF', color: '#000000',
defaults: { defaults: {
name: { value: "" }, name: { value: "" },
interval: { value: 100 } interval: { value: 100 }
@@ -37,4 +37,3 @@ RED.nodes.registerType('xilica-interval', {
<p>On each input message, the node sets <code>msg.payload</code> to <code>INTERVAL &lt;value&gt;</code>. Wire the output into a <code>xilica-command</code> node to send it over TCP.</p> <p>On each input message, the node sets <code>msg.payload</code> to <code>INTERVAL &lt;value&gt;</code>. Wire the output into a <code>xilica-command</code> node to send it over TCP.</p>
<p>You can override the configured interval by setting <code>msg.interval</code> on the incoming message.</p> <p>You can override the configured interval by setting <code>msg.interval</code> on the incoming message.</p>
</script> </script>

View File

@@ -1,7 +1,7 @@
<script type="text/javascript"> <script type="text/javascript">
RED.nodes.registerType('xilica-listen', { RED.nodes.registerType('xilica-listen', {
category: 'Xilica', category: 'Xilica',
color: '#D8E7FF', color: '#000000',
defaults: { defaults: {
name: { value: "" }, name: { value: "" },
rules: { value: [] } rules: { value: [] }
@@ -142,4 +142,3 @@ RED.nodes.registerType('xilica-listen', {
</ul> </ul>
<p>Attach a Debug node after this node to inspect live updates for the selected controls.</p> <p>Attach a Debug node after this node to inspect live updates for the selected controls.</p>
</script> </script>

View File

@@ -1,7 +1,47 @@
<script type="text/javascript"> <script type="text/javascript">
// Global styling for Xilica nodes: black background, white text
(function() {
var css = '' +
'.red-ui-palette-node[data-palette-type="xilica-ping"],' +
'.red-ui-palette-node[data-palette-type="xilica-command"],' +
'.red-ui-palette-node[data-palette-type="xilica-interval"],' +
'.red-ui-palette-node[data-palette-type="xilica-subscribe"],' +
'.red-ui-palette-node[data-palette-type="xilica-listen"]{' +
'background-color:#000000 !important;' +
'color:#ffffff !important;' +
'}' +
'.red-ui-flow-node[data-type="xilica-ping"],' +
'.red-ui-flow-node[data-type="xilica-command"],' +
'.red-ui-flow-node[data-type="xilica-interval"],' +
'.red-ui-flow-node[data-type="xilica-subscribe"],' +
'.red-ui-flow-node[data-type="xilica-listen"]{' +
'fill:#000000 !important;' +
'}' +
'.red-ui-flow-node[data-type="xilica-ping"] .red-ui-flow-node-label,' +
'.red-ui-flow-node[data-type="xilica-command"] .red-ui-flow-node-label,' +
'.red-ui-flow-node[data-type="xilica-interval"] .red-ui-flow-node-label,' +
'.red-ui-flow-node[data-type="xilica-subscribe"] .red-ui-flow-node-label,' +
'.red-ui-flow-node[data-type="xilica-listen"] .red-ui-flow-node-label,' +
'.red-ui-flow-node[data-type="xilica-ping"] text,' +
'.red-ui-flow-node[data-type="xilica-command"] text,' +
'.red-ui-flow-node[data-type="xilica-interval"] text,' +
'.red-ui-flow-node[data-type="xilica-subscribe"] text,' +
'.red-ui-flow-node[data-type="xilica-listen"] text{' +
'fill:#ffffff !important;' +
'color:#ffffff !important;' +
'}';
if (typeof document !== "undefined") {
var styleEl = document.createElement('style');
styleEl.type = 'text/css';
styleEl.appendChild(document.createTextNode(css));
document.head.appendChild(styleEl);
}
}());
RED.nodes.registerType('xilica-ping', { RED.nodes.registerType('xilica-ping', {
category: 'Xilica', category: 'Xilica',
color: '#D8E7FF', color: '#000000',
defaults: { defaults: {
name: { value: "" } name: { value: "" }
}, },
@@ -22,4 +62,3 @@ RED.nodes.registerType('xilica-ping', {
<script type="text/x-red" data-help-name="xilica-ping"> <script type="text/x-red" data-help-name="xilica-ping">
<p>Simple test node that returns a fixed payload to confirm the Xilica nodes module is installed.</p> <p>Simple test node that returns a fixed payload to confirm the Xilica nodes module is installed.</p>
</script> </script>

View File

@@ -1,7 +1,7 @@
<script type="text/javascript"> <script type="text/javascript">
RED.nodes.registerType('xilica-subscribe', { RED.nodes.registerType('xilica-subscribe', {
category: 'Xilica', category: 'Xilica',
color: '#D8E7FF', color: '#000000',
defaults: { defaults: {
name: { value: "" }, name: { value: "" },
action: { value: "subscribe" }, action: { value: "subscribe" },