Changing color of nodes

[OutLandishnessSad]

Hey there, am not really great programmer but i would like to change color some types of nodes.. is there any way how to do it ? Best would be to split nodes into groups and each group would have different color. Am using VueJS_v.2.9.6 and quasar v.3.2.9.

[newcat]

You can use CSS for that, by creating classes for your node type. Let's say you have a AdditionNode and a SubtractionNode, which you want to color green, as well as a DisplayNode which you want to be red:

.node.--type-AdditionNode,
.node.--type-SubtractionNode {
  background: green;
}

.node.--type-DisplayNode {
  background: red;
}

[OutLandishnessSad]

Thank you so much !! And is there any way how to change header color ? In basic its black with name of the node :)

[newcat]

Yes 👍

.node > .__title {
  background: blue;
}

.node.--type-DisplayNode > .__title {
  background: red;
}