My project follows a consistent CSS theme, but the node's CSS style doesn't match. I'm looking to adjust the label colors in the CSS based on whether it's day mode or night mode. How can I accomplish this?
this.cy = cytoscape({
container: document.getElementById(this.pageId),
boxSelectionEnabled: false,
autounselectify: true,
zoomingEnabled: true,
panningEnabled: true,
autoungrabify: false,
elements: this.nodes,
style: [{
selector: 'node',
style: {
'width':'data(cpu)',
'height': 'data(cpu)',
//'shape': 'circle',
'background-image': 'data(HealthImage)',
'background-fit': 'contain contain',
'background-color': '#f5f7fa',
'label': 'data(' + this.nodeName + ')',
'cssClass': 'form-group', //I attempted this but it didn't work
"text-valign": "bottom",
"text-halign": "center",
"font-size": "12px",
"text-margin-y": "8px"
}
}]
});